easyui datagrid动态加载数据

easyui datagrid动态加载数据,第1张

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

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

例如:

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

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

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

//使用选择器重新对该datagrid赋columns,前台界面便会多出想要的表头,如果要保留原来的表头,只需要拿到原来的columns,动态push进去就好了,它是个数组,需要注意是数组的第一个 也就是newColumns[0]push({})并且添加完成后(这里是手写的),也会自动更新相应字段,亲测成功

$('#tt')datagrid({

columns:[[

{field:'itemid',title:'Item ID',width:80},

{field:'productid',title:'Product ID',width:80},

{field:'listprice',title:'List Price',width:80,align:'right'},

{field:'unitcost',title:'Unit Cost',width:80,align:'right'},

{field:'attr1',title:'Attribute',width:100},

{field:'status',title:'Status',width:60}

]]

});

以上就是关于easyui datagrid动态加载数据全部的内容,包括:easyui datagrid动态加载数据、jQuery easyui datagrid 如何在动态增加了列之后进行刷新、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9560421.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存