EasyUI如何在window中添加一个datagrid

EasyUI如何在window中添加一个datagrid,第1张

页面加一个Table,然后在脚本中对 Jquery(你的Table元素) 使用.datagrid函数即可

如页面中有<table id="tt"></table>

脚本中可以使用以下代码

$('#tt').datagrid({   

      url:'datagrid_data.json',   

      columns:[[   

          {field:'code',title:'Code',width:100},   

          {field:'name',title:'Name',width:100},   

          {field:'price',title:'Price',width:100,align:'right'}   

      ]]   

  })

代码的第3到7行是指定数据列,第2行是指定请求的数据源的url地址

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

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

例如:

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

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

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存