jQuery MiniUI

标题: JS生成的grid无法用setData设数据源 [打印本页]

作者: fhtcgym 时间: 2013-3-13 10:49:10 标题: JS生成的grid无法用setData设数据源

以下的代码无法显示数据,只显表头
var grid = new mini.DataGrid();
grid.set({
      style: "width:100%;height:100%;",
      showFooter: false,
      columns: [
         { header: "员工帐号", field: "loginname", width: 120, headerAlign: "center" },
         { header: "姓名", field: "name", width: 120, headerAlign: "center" },
         { header: "性别", field: "gender", width: 100, align: "center" },
         { header: "工资", field: "salary", width: 100},
         { header: "年龄", field: "age", width: 100 }
      ]
});
grid.render(document.body);
var a=[];
var o = { loginname: 'ee11', name: 'q', gender: 'tt', salary: '222', age: '333' };
      a.push(o);
      grid.setData(a);
换成HTML的方式生成的就没事,
<div id="grid1" class="mini-datagrid" style="width:100%;height:400px;"
      showFooter="false"
      >
      <div property="columns">
      <div field="loginname">wwww</div>
      <div field="name">wwww</div>
      <div field="gender">wwww</div>
      <div field="salary">wwww</div>
      <div field="age">wwww</div>
   </div>
</div>
//JS
mini.parse();
var grid = mini.get("grid1");
var a=[];
var o = { loginname: 'ee11', name: 'q', gender: 'tt', salary: '222', age: '333' };
      a.push(o);
      grid.setData(a);

作者: fhtcgym 时间: 2013-3-13 10:57:38

我的表格是需要动态生成，表格的列数不固定，适合用JS生成。同样的表格，用JS生成的无法用setData,用HTML生成就没问题。

作者: factory 时间: 2013-3-13 11:01:08

[attach]1447[/attach]

代码：

var grid2 = new mini.DataGrid();
grid2.set({
style: "width:700px;height:280px;",
valueField: "id",
columns: [
{ type: "indexcolumn" },
{ field: "loginname", width: 120, headerAlign: "center", allowSort: true ,header:"员工账号"},
{ field: "name", width: 120, headerAlign: "center", allowSort: true ,header:"姓名"}
]
});
grid2.render(document.getElementById("datagrid2"));
var data = [
{"name": "谢忠哲","loginname": "xzz@163.com"},
{"name": "谢忠哲","loginname": "xzz@163.com"}
]
grid2.setData(data);

复制代码

作者: factory 时间: 2013-3-13 11:02:26

fhtcgym 发表于 2013-3-13 10:57
我的表格是需要动态生成，表格的列数不固定，适合用JS生成。同样的表格，用JS生成的无法用setData,用HTML生 ...

[attach]1448[/attach]
这里有多种方式创建表格

作者: fhtcgym 时间: 2013-3-14 15:08:36

factory 发表于 2013-3-13 11:02
这里有多种方式创建表格

按你的方法没问题,但如改为: style: "width:100;height:100;",就无法显示数据, 而用HTML生成时这样设置是没问题的, 也就是说JS生成的表格不能设style 的100%? 而HTML 生成就没这个限制.

作者: fhtcgym 时间: 2013-3-14 15:10:14

是style=" width:100%;height:100%"

作者: factory 时间: 2013-3-14 15:13:41

fhtcgym 发表于 2013-3-14 15:08
按你的方法没问题,但如改为: style: "width:100;height:100;",就无法显示数据, 而用HTML生成时这样设置 ...

高度宽度设置100%的前提，是你外层父元素有确定的高度，如果没有的话，表格头部和底部是挤在一起的

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