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的【load】方法,例如:

$('#dg').datagrid('load',{

code: '01',

name: 'name01'

})

ajax调用后台方法,获得json数据后在回调函数中去初始化datagrid就可以。

可以参考官方文档:http://www.jeasyui.com/documentation/index.php#

这没法动态。easyui这种js脚本式的就决定了它无法实现你想的那样都已经显示在浏览器中了,再通过js去生成一个新的window。这玩意是需要浏览器加载的时候解析js,生成最终的样式。有一个前后的关系。

解决方案2

1 提前定义好,内容别写。需要的时候显示出来,往里面填充内容,填内容就简单了。选择器.window(content:"你要显示的内容")

2 搞一个iframe,这样就OK了。但是也是需要提前定义好。


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

原文地址: http://outofmemory.cn/bake/11888363.html

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

发表评论

登录后才能评论

评论列表(0条)

保存