首页 > 代码库 > easyuidatagrid中load,reload,loadData的区别。
easyuidatagrid中load,reload,loadData的区别。
摘要:datagrid中有load,reload,loadData那三个方式,皆是加载数据的,但又有差别。下面让我们一起来看看:
首先,load方法,比如我已经定义一个datagrid的id为grid,那这个方法的使用方式为
$(“#grid”).datagrid(“load”,{ });
它的参数为一个json对象,里面写的是你要传输的参数的键值对,调用这个方法来加载数据的时候,它传给后台的分页信息是从第一页开始的。
其次,reload方法,使用方式也跟load的一样
$(“#grid”).datagrid(“reload”,{ });
看它的名字应该就可以知道它的做用了,没错,它跟load一样有加载数据功能,也一样的传参数,但它传给后台的分布信息是当前的页码,就是实现刷新当前页的功能。
最重要的是,loadData方法,这个方法有比较大的不同,首先它加载的本地数据,就是不会跟后台什么的有交互,它的使用方式是
$(“#grid”).datagrid(“loadData”,{ “total”:”30″,rows:[] });
它是比较灵活的,可以设置分页信息,total就是行数,当然你也可以设置它的当前页,而它那个rows属性设的就是你所要加载的行的集合。
$("#01").click(function(){
$.ajax({
url: "http://127.0.0.1:9999/zhangdaicong/crud",
type: "post",
data:{sql:str},
async: false,
dataType: "json",
success: function (result) {
console.info(result);
mydata=http://www.mamicode.com/result;
}
});
$(‘#dataGrid‘).datagrid(‘loadData‘,mydata);
});
在此处就只能用loaddata,用reload和load无法加载数据。
本文转自:http://blog.sina.com.cn/s/blog_51a0316b0101pz0q.html
easyuidatagrid中load,reload,loadData的区别。