easyui_Datagrid 数据网格 loadData

前端之家收集整理的这篇文章主要介绍了easyui_Datagrid 数据网格 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无法加载数据。

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

猜你在找的Ajax相关文章