Kendo UI 学习

1 准备工作

  引入JS文件和CSS文件

<link href="js/kendoui/styles/kendo.common.min.css" rel="stylesheet" />

<link href="js/kendoui/styles/kendo.silver.min.css" rel="stylesheet" />

 

<script src="js/kendoui/js/jquery.min.js"></script>

<script src="js/kendoui/js/kendo.all.min.js"></script>

 

2 数据源

2.1 创建数据源

· var dataSource = new kendo.data.DataSource({

……

             });

2.2 数据源常用配置项

· data：数据，数据类型有json和xml

data: [{"userId":63,"userNo":"test1","userName":"用户"}]

 

· transport：加载或保存数据

transport : {

read : {

url : "userManager?action=getUserInfosByDeptId",

dataType : "json" 

},

update : {

url : "userManager?action=test",

dataType : "jsonp" 

},

create : {

//添加数据，参考update方法

},

destroy : {

//删除数据，参考update方法

},

parameterMap : function(data, type) {

switch (type) {