kendo学习笔记（5）-------kendoGrid点击分页请求接口

一，先写出万能实例如下：

<div id="grid"></div>
<script id="alt-template" type="text/x-kendo-template">
    <tr data-uid="#= uid #">
        <td colspan="2">
            <strong>#: name #</strong>
            <strong>#: age #</strong>
        </td>
    </tr>
</script>
<script>
$("#grid").kendoGrid({
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
 columns：[
	{
	tittle:"名字"，
	field:"name",
	},{
	tittle:"年龄"，
	field:"age",
	},{
	tittle:"性别"，
	field:"sex",
	},
]
});
</script>

二，修改位置。
2.1，首先如果使用分页功能需要使用kendo独特的数据请求方式。
1，首先需要在total中将从接口中获取到的总条数数值赋值；
2，parameterMap中的data参数是你每次点击分页页码时该页码的数据，将其中的页码和每页条数赋值给我们的入参对象tempObj

var tempObj ={
	data:1,
	current :1,
	size:10
}
var dataSource = new kendo.data.DataSource({
	transport:{
		read:{
			url:"",
			dataType:"json",
			contentType:"application/json",
			method:"post",
			cache：false
		},
		parameterMap:function(data,type){
			if(type != "read" && data){
				return kendo.stringify(parm );  //这里是kendo自带的判断该表格是不是只读的，平时我是不写的
			}
				var parm =tempObj ；
				parm .current = data.page;  //点击页码按钮时给接口入参的page上该按钮的页码
				parm .size= data.pagesize; //赋值每页数据条数
				return JSON.stringify(parm );
		}
	}，
	serverpaging:true,
	scrollable:true,
	pageSize:10,  // 这个要尽量跟你写的size一致
	schema：｛
		data:function(response){
			return response;//这是请求成功后得到的数据
		}
		errors：function(response){
				return response;//这是请求失败后得到的数据
		}，
		total：function(response){
				if(response.total){
					return response.total
				}else{
					return 0;
				}
		}，
	｝，
	errors：function(response){
				return response;//这是请求失败后得到的数据
		}，
	
})

2.2正常的给数据源赋值就可以了，像第一部一样我在这里不再书写

三，纯手工码字，书写不易，你懂得.