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

相关文章

IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但...
PHP中的count()函数是用来计算数组或容器中元素的个数。这个...
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不...
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页...
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以...
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax...