首页 > 代码库 > (二) kendo UI 远程数据组织服务器端与客户端
(二) kendo UI 远程数据组织服务器端与客户端
<script>var sharableDataSource = new kendo.data.DataSource({ transport: { read: { url: "data-service.json", dataType: "json" } }, schema : { data : function(d) { return d.data; //响应到页面的数据 }, total : function(d) { return d.count; //总条数 } }}); var dataSource = new kendo.data.DataSource({ transport: { read: { url: "http://t.sogx.cn/api/data/getQzxx.php", dataType: "jsonp", data: { q: "html5" } } }, schema : { data : function(d) { return d.data; //响应到页面的数据 }, total : function(d) { return d.count; //总条数 } }});var viewModel = kendo.observable({ products=dataSource;});kendo.bind($("div"), viewModel);</script>====================jQuery与kendo结合的远程获取数据绑定=====================$(document).ready(function (){ $.ajax({ type:‘GET‘, async:false, url: "http://t.sogx.cn/wap/index.php?m=user&c=show&id=2", data: "ajax=1", dataType: "jsonp", success: function(obj){ var viewMode5222 = kendo.observable({ data2:obj.data }); kendo.bind($("#drawer-resume"), viewMode5222); } })});====================<?phpheader(‘Content-Type:text/html;charset=GB2312‘);header("Access-Control-Allow-Origin:*");header("Access-Control-Allow-Headers:x-requested-with");include("d:/www.qmlt.com/global.php");require(MODEL_PATH.‘class/common.php‘);$db->query("set character set ‘GB2312‘");$db->query("set names ‘GB2312‘");$q=$_GET[‘q‘];if($q==""){ $sql="select id,name from qm_industry";}else{ $sql="select id,name from qm_job_class where keyid=‘$q‘";}$ku=$db->query($sql);$result=array();$i=0;while($rs=$db->fetch_array($ku)){ $result[‘data‘][$i][‘id‘]=$rs[id]; $result[‘data‘][$i][‘name‘]=(trim(u($rs[name]))!="")?u($rs[name]):"(未命名)"; $i++;}$result[‘count‘]=$i;echo $_GET[‘callback‘]."(".json_encode($result).")";?>
绑定时1.kendoUI模板的数据##,在数据源里要能找到2.数据源的格式(一维还是多维的),要对应得上。 如果不符合以上条件,非但绑定不进去,还会显示空白错误。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。