EasyUI Datagrid中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=result;

                        }
                        
                        });

        $('#dataGrid').datagrid('loadData',mydata);
    });

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