您的位置:首页 > 产品设计 > UI/UE

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 });
    }
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: