(二) 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);
        }
    })
});

====================
<?php
header('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.数据源的格式(一维还是多维的),要对应得上。
 如果不符合以上条件,非但绑定不进去,还会显示空白错误。
posted @ 2014-07-23 15:57  微波炉  阅读(455)  评论(0编辑  收藏  举报