easyui_Datagrid 数据网格 loadData

来源:互联网 发布:淘宝网男运动套装 编辑:程序博客网 时间:2024/05/24 01:49

摘要: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=result;                        }              });           $('#dataGrid').datagrid('loadData',mydata);    });

在此处就只能用loaddata,用reload和load无法加载数据。

本文转自:http://www.cnblogs.com/zhangdaicong/p/6080334.html

原创粉丝点击