jQuery MiniUI

标题: grid数据显示不了，能从后台取到数据，前面显示不了 [打印本页]

作者: pengxde 时间: 2022-3-24 11:47:35 标题: grid数据显示不了，能从后台取到数据，前面显示不了

本帖最后由 pengxde 于 2022-3-24 11:56 编辑

Html:-------------------
<div id="datagrid2" class="mini-datagrid" style="width:700px;height:250px;">
<div property="columns">
      <div field="sys_id" width="50">编号</div>
      <div field="sys_user_name" width="140">角色权限名称</div>
      <div field="sys_text" width="300">角色权限说明</div>
      <div field="sys_status" width="100">角色权限状态</div>

</div>
</div>

js代码：
------------------
var grid2 = mini.get("datagrid2");

//给表格设置数据
grid2.data = datajson;

//这里打印了表格
print(grid2);

//这里重新加载会报错，提示json解析失败
//grid2.reload(); //这里不能重新加载，调用会报错

json数据
var datajson =
{
"total":3,
"data":[
      {
         "sys_id":1,
         "sys_user_name":"超级管理员",
         "sys_text":"系统最高权限，可执行所有操作",
         "sys_status":1
      },
      {
         "sys_id":2,
         "sys_user_name":"普通管理员",
         "sys_text":"只能对指定模块进行操作",
         "sys_status":1
      },
      {
         "sys_id":3,
         "sys_user_name":"游客",
         "sys_text":"仅限浏览",
         "sys_status":1
      }
]
}

consle.log打印出来的grid对象data里又有数据：
----------------------------------------------------------

O1o0l: mini._GridO1o0l {owner: oOO11o}
O1oOl0: div.mini-panel-viewport.mini-grid-viewport
Ol0o0l: Oooo0 {owner: oOO11o}
Oo0O: mini._Grid_ColumnSplitter {owner: oOO11o}
buttons: (2) [{…}, {…}]
columns: (4) [{…}, {…}, {…}, {…}]
data:
data: Array(3)
0: {sys_id: 1, sys_user_name: '超级管理员', sys_text: '系统最高权限，可执行所有操作', sys_status: 1}
1: {sys_id: 2, sys_user_name: '普通管理员', sys_text: '只能对指定模块进行操作', sys_status: 1}
2: {sys_id: 3, sys_user_name: '游客', sys_text: '仅限浏览', sys_status: 1}
length: 3
[[Prototype]]: Array(0)
total: 3
[[Prototype]]: Object
el: div#datagrid2.mini-panel.mini-grid.mini-datagrid
height: "250px"
id: "datagrid2"
isLoading: false
l0OOo: div.mini-panel-footer
l1lllo: true

作者: felt 时间: 2022-3-24 14:20:31

请使用正确的方法设置
grid.setData(data);

作者: pengxde 时间: 2022-3-24 14:26:45

felt 发表于 2022-3-24 14:20
请使用正确的方法设置
grid.setData(data);

试过了，一样没有用

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)