EasyUi datagrid重新加载数据
2016-09-09 15:41
495 查看
load方法,比如我已经定义一个datagrid的id为grid,那这个方法的使用方式为
$(“#grid”).datagrid(“load”,{ });
它的参数为一个json对象,里面写的是你要传输的参数的键值对,调用这个方法来加载数据的时候,它传给后台的分页信息是从第一页开始的。
reload方法,使用方式也跟load的一样
$(“#grid”).datagrid(“reload”,{ });
看它的名字应该就可以知道它的做用了,没错,它跟load一样有加载数据功能,也一样的传参数,但它传给后台的分布信息是当前的页码,就是实现刷新当前页的功能。
loadData方法,这个方法有比较大的不同,首先它加载的本地数据,就是不会跟后台什么的有交互,它的使用方式是
$(“#grid”).datagrid(“loadData”,{ “total”:”30″,rows:[] });
看到没,它是比较灵活的,可以设置分页信息的,total就是行数嘛,当然你也可以设置它的当前页,而它那个rows属性设的就是你所要加载的行的集合。
项目中的用法:
function searchBtn(){
$.ajax({
url:'<%=basePath%>getShiTi2',
type:'post',
dataType: 'json',
data:'userName=<%=userInfo.getUserName()%>',
async : true, //异步
error:function(){
alert('error');
},
success:function(jsonData){
$('#dg').datagrid('loadData',{'total':eval(jsonData).length, rows:jsonData });
}
});
}
$(“#grid”).datagrid(“load”,{ });
它的参数为一个json对象,里面写的是你要传输的参数的键值对,调用这个方法来加载数据的时候,它传给后台的分页信息是从第一页开始的。
reload方法,使用方式也跟load的一样
$(“#grid”).datagrid(“reload”,{ });
看它的名字应该就可以知道它的做用了,没错,它跟load一样有加载数据功能,也一样的传参数,但它传给后台的分布信息是当前的页码,就是实现刷新当前页的功能。
loadData方法,这个方法有比较大的不同,首先它加载的本地数据,就是不会跟后台什么的有交互,它的使用方式是
$(“#grid”).datagrid(“loadData”,{ “total”:”30″,rows:[] });
看到没,它是比较灵活的,可以设置分页信息的,total就是行数嘛,当然你也可以设置它的当前页,而它那个rows属性设的就是你所要加载的行的集合。
项目中的用法:
function searchBtn(){
$.ajax({
url:'<%=basePath%>getShiTi2',
type:'post',
dataType: 'json',
data:'userName=<%=userInfo.getUserName()%>',
async : true, //异步
error:function(){
alert('error');
},
success:function(jsonData){
$('#dg').datagrid('loadData',{'total':eval(jsonData).length, rows:jsonData });
}
});
}
相关文章推荐
- EasyUI DataGrid使用Json加载不了数据
- easyUI datagrid 数据加载时判断是否默认勾选checkbox
- 使用easyui在ie浏览器下,treegrid,datagrid加载数据很慢,ie浏览器卡住原因
- easyui datagrid 大数据加载效率慢,优化解决方法
- 解决easyUI 1.4.1 dataGrid加载数据慢的问题
- easyui datagrid combobox 加载固定数据
- 为easyui组件datagrid在加载完之后追加新的数据行
- 谈谈easyui datagrid 的数据加载(转)
- Easyui datagrid加载本地Json数据,CGI数据
- 再次谈谈easyui datagrid 的数据加载
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据《二》
- EasyUI datagrid 改变url属性 实现动态加载数据
- 解决easyUI 1.2.6 + datagrid在 IE浏览器下无法重新加载、查询
- easyui datagrid 的数据加载
- Easyui datagrid加载本地Json数据
- 对easyui datagrid进行扩展,当滚动条拉直最下面就异步加载数据。
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据一
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据《二》
- JQuery easyui datagrid重新加载数据
- 扩展easyui.datagrid,实现加载数据遮罩效果代码