easyui datagrid动态加载数据

可以，但是数据必须是JSON对象，并且符合以下格式：

{"total":总记录数,"rows":数据行数组}

例如：

{"total":300,"rows":[{"id":1,"name":"张三"},{"id":2,"name":"李四"}]}

这个JSON数据对象可以是你在页面上自己拼凑出来的，也可以是通过AJAX请求从服务器端响应来的等等，从哪里来的无所谓，只要符合以上格式就行，然后通过DataGrid组件的loadData方法加载，如下（假设data变量值是上面举例的那个数据对象）：

$("#demoDataGrid")datagrid("loadData",data);

你好！！

jquery easyui datagrid中的 reload 不是这样用的~

1首先你需要设置datagrid的onLoadSuccess

$('#dg')datagrid({onLoadSuccess : function(data){

    $('#dg')datagrid('selectRow',3);

}});

2onLoadSuccess如果是通过 data-options的方式设置的没问题，如果通过js脚本设置的话，

需要保证在loadData之前绑定这个事件函数，类似下面这样

$('#dg')datagrid({"onLoadSuccess":function(data){

    $(this)datagrid('selectRow',3);

}})datagrid("loadData",XXXXX);

否则在加载数据之后，可能不会去执行onLoadSuccess里面的代码；

3reload方法重新加载当前页面数据

$('#dg')datagrid("reload");

至于loading一只显示，说明你的数据应该没有加载成功吧··

希望对你有帮助！！

使用treegrid的reload方法时，需要注意当前树状表格的状态，如果表格当前未展开的状态的话，只可以直接调用reload方法来重新加载数据，但是如果当前树状表格的状态是展开的状态（有子节点了），那么调用reload方法会重新加载数据，但是加载的并不是父节点的url，而是子节点的url。加载完后会用子url的请求数据渲染treegrid，显示不正确。这个时候可以先用options方法获取url，将url重置为父节点的url，再调用reload方法即可

首先，要指定返回的数据项哪个属性是value，哪个属性是text,

$('#cid')combobox({

url:'showClassdo',

valueField:'id',

textField:'text'

});

然后，控制层返回的数据应该是JSON格式的数据，例如

[{"id":1, "text":"text1"},{ "id":2, "text":"text2"}]

easyui combobox

2种数据加载方式，一种是本地，可以直接加载本地json文件；

1种是远程加载，通过设置url地址，这个url地址，你可以使用jquery 的ajax 技术直接去调用 web servive,

easyui自带有 loadData 方法，下面有两种加载数据方法：

<table id="tt" border="false" fit="true" fitcolumns="true" iconcls="icon-edit" singleselect="true"></table>

function strToJson(str) {

var json = eval('(' + str + ')');

return json;

}

1加载静态数据方法

var htmls = "[{'ID':'FI-SW-01','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-02','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-03','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-04','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-05','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'}]";

$('#tt')datagrid('loadData', strToJson(htmls));

2ajax动态加载数据方法（支持后台数据库）

$ajax({

url: "/index/index",

data: { id: 1, code: "101" },

datatype: "json",

type: "POST",

traditional: true,

success: function(data) {

$('#tt')datagrid('loadData', strToJson(data));

}

})

返回的data数据格式为方法1中的htmls字符串格式。

希望对你有帮助。

以上就是关于easyui datagrid动态加载数据全部的内容，包括:easyui datagrid动态加载数据、jquery easyui datagrid 加载成功，选中某一行、easyui treegrid的展开问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！