jQuery MiniUI

标题: 动态表头，怎么设置二级多表头 [打印本页]

作者: sumuyan 时间: 2016-5-20 16:25:10 标题: 动态表头，怎么设置二级多表头

      $.each(fixedOpt, function (i, e) {
         var newCol = {
            field: e.field,
            name: e.name,
            width: (e.width ? e.width : 100),
            headerAlign: "center",
            align: "center",
            allowSort: e.allowSort,
            header: e.text,

         };
         if (e.dateFormat) {
            newCol.dateFormat = e.dateFormat;
         }
         if (e.renderer) {
            newCol.renderer = e.renderer;
         }
         if (e.name) {
            var pcol = $.grep(newColumns, function (n, i) {
                  return n.name == e.pname;
            });

            var pColField = $.grep(opt, function (n, i) {
                  return n.pname == e.name;
            });

            if (pColField.length != 0) {
                  for (var i = 0; i < pColField.length; i++) {
                     var newpcol = {
                        name: pColField[i].name,
                        header: pColField[i].text,
                        headerAlign: "center",
                        align: "center",

                     };
                        newCol.columns =[newpcol];
                  }
                  newColumns.push(newCol);

            } else {
                  newColumns.push(newCol);
            }
         } else {
            newColumns.push(newCol);
         }
      });

newCol.columns =[newpcol];
这个这样只能定义一个二级表头，求一点点思路

作者: dforce 时间: 2016-5-20 16:46:56

本帖最后由 felt 于 2016-5-23 09:39 编辑

var columns=[{field:"",columns:[{},{},{}]},{},{}]}]
多级可以放在columns字段下

作者: sumuyan 时间: 2016-5-20 17:11:18

dforce 发表于 2016-5-20 16:46
var columns=[{field:"",columns:[{},{},{}]},{},{}]
多级可以放在columns字段下

push 进去吗

作者: dforce 时间: 2016-5-20 17:30:44

本帖最后由 felt 于 2016-5-23 09:39 编辑

sumuyan 发表于 2016-5-20 17:11
push 进去吗

怎么组成数据是你的事情，只要最后给到我们的是这个格式就可以显示多级表头

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