jQuery MiniUI

标题: miniui js动态创建表头 [打印本页]

作者: linrenchao 时间: 2015-6-11 17:19:21 标题: miniui js动态创建表头

本帖最后由 linrenchao 于 2015-6-11 18:04 编辑

如何用js动态创建如图的表头？[attach]6236[/attach]

像代码中创建一样，还缺少合同类别数量，并且是包含类型1，类型2的列。

[attach]6237[/attach]
求大神指点。。。

代码：
         var columns = grid.getColumns();
         var columnzs = { header: "合同总数:", field: "合同总数", width: "80", sortable: true };
         columns.push(columnzs);
         var column1 = { header: "类型1:", field: "类型1", width: "80", sortable: true };
         columns.push(column1);
         var column2 = { header: "类型2:", field: "类型2", width: "80", sortable: true };
         columns.push(column2);
         grid.setColumns(columns);
         grid.reload();

如果我的合同类别数量下的类型1，类型2...是动态添加的，该如何操作？
         var columns = grid.getColumns();
         var columnzs = { header: "合同总数:", field: "合同总数", width: "80", sortable: true };
         columns.push(columnzs);
         //var column1 = { header: "类型:", field: "类型", width: "80", sortable: true,
         // columns: [{ header: "类型1:", field: "类型1", width: "80" }, { header: "类型2:", field: "类型2", width: "80"}]
         //};
         //columns.push(column1);
         var columnlbs = { header: "合同类别数量", field: "合同类别数量", sortable: true };
         for (var i = 0; i < AimState["dt"].length; i++) {
            var column = { header: "" + AimState["dt"].NAME + "", field: "" + AimState["dt"].NAME + "", width: "80", sortable: true };
            columnlbs.setColumns(column);
         }
         columns.push(columnlbs);
         grid.setColumns(columns);
         grid.reload();

for语句中的  columnlbs.setColumns(column); 不起作用，有类似的方法吗？或者是用字符串拼接的可以实现吗？

作者: dforce 时间: 2015-6-11 17:22:34

var columns=[{field:....,columns:[{field:.....},{field:....}]}
多级用columns字段

作者: linrenchao 时间: 2015-6-11 17:30:40

dforce 发表于 2015-6-11 17:22
var columns=[{field:....,columns:[{field:.....},{field:....}]}
多级用columns字段

嗯嗯，出来了，谢谢哈。

作者: linrenchao 时间: 2015-6-11 17:43:47

linrenchao 发表于 2015-6-11 17:30
嗯嗯，出来了，谢谢哈。

如果我的合同类别数量下的类型1，类型2...是动态添加的，该如何操作？

作者: linrenchao 时间: 2015-6-11 17:44:37

dforce 发表于 2015-6-11 17:22
var columns=[{field:....,columns:[{field:.....},{field:....}]}
多级用columns字段

如果我的合同类别数量下的类型1，类型2...是动态添加的，该如何操作？

作者: linrenchao 时间: 2015-6-11 20:09:20

问题已结案。

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