jQuery MiniUI

标题: 请问怎么动态给grid某一列添加子列（多表头效果） [打印本页]

---

作者: xixi    时间: 2014-1-10 10:06:21     标题: 请问怎么动态给grid某一列添加子列（多表头效果）

正常增加一列的代码是这样的：
        function AddColumn() {
            var grid = mini.get("gridColumnList");
            var columns = grid.getColumns();
            var order = columns.length;
            var column = { field: order, name: order, headerAlign: "center", allowSort: false, header: "列名" };
            columns.push(column);
            grid.setColumns(columns);
        }

现在想右击某一列可以增加一个子表头，请问要在headerContextMenu中怎么写？

---

作者: lost    时间: 2014-1-10 11:00:30

function aa() {
            var columns = grid.getColumns();
            var column = { width: 100, header: "基本信息",
                columns: [
                         { field: "loginname", header: "员工账号" }
                ]
            };
            columns.push(column);
            grid.setColumns(columns);
        }//多表头效果

---

作者: xixi    时间: 2014-1-10 16:22:38

lost 发表于 2014-1-10 11:00
function aa() {
            var columns = grid.getColumns();
            var column = { width: 100, ...

恩，加上了，可是这样的话，通过HeaderClick来修改列头的样式，就没法对主表头起作用了。
如图，我是单击的第二列“新列名”，但是样式起变化的是子表头“员工账号”。
请问这个有什么办法？


突然又发现，单击第三列“新列名”，样式变化的是子表头“员工姓名”。。。。。如图2


我单击事件中的代码是这样的：
            var grid = mini.get("gridColumnList");
            for (var i = 0; i < grid.columns.length; i++) {
                if (grid.columns.name != e.column.name) {
                    grid.updateColumn(grid.columns.name, { headerStyle: "" });
                }
            }
            grid.updateColumn(e.column.name, { headerStyle: "font-weight:bold;" });

---

作者: lost    时间: 2014-1-10 16:34:33

xixi 发表于 2014-1-10 16:22
恩，加上了，可是这样的话，通过HeaderClick来修改列头的样式，就没法对主表头起作用了。
如图，我是单击 ...

你把示例打包上传，我们看下
高级模式下可以上传

---

作者: xixi    时间: 2014-1-10 16:45:56

lost 发表于 2014-1-10 16:34
你把示例打包上传，我们看下
高级模式下可以上传

呀，不好意思，这个问题的原因是因为我用数字作的columnname，加了个字符串就可以了,看来数字是不行的啊

---

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

Powered by Discuz! X2