jQuery MiniUI

标题: 关于自定义复杂表头和合并单元格 [打印本页]

作者: zqys123456 时间: 2016-10-18 15:46:43 标题: 关于自定义复杂表头和合并单元格

我在表格加载完成后，用grid.set({columns自定义了复杂表头，
然后用了 grid.mergeColumns 来合并单元格。这样没效果。我发现他们两个有冲突，自定义表头和合并单元格单独存在一个是有效果的，两个一起就没效果了

作者: felt 时间: 2016-10-18 16:09:47

把你的操作代码都贴出来，包括加载，setColumns和mergeColumns

作者: zqys123456 时间: 2016-10-18 16:12:30

felt 发表于 2016-10-18 16:09
把你的操作代码都贴出来，包括加载，setColumns和mergeColumns

//初始化表头
function initColumns() {
      var grid = mini.get("Detail");
      grid.set({
         fitColumns: true,
         columns: [
      { header: "事业部名称", field: "DepartmentName", width: 80, headerAlign: "center" },
      { header: "项目名称", field: "ProjectName", width: 80, headerAlign: "center" },
      { header: "分包合同号", field: "SupplierContractCode", width: 80, headerAlign: "center" },
      { header: "分包项目名称", field: "SupplierContractName", width: 80, headerAlign: "center" },
      { header: "分包商名称", field: "SupplierName", width: 80, headerAlign: "center" },
      { header: "分包合同额", field: "SupplierContractAmount", width: 80, headerAlign: "center" },
      { header: "款项类别", field: "MoneyCategory", width: 80, headerAlign: "center" },
      { header: "本月计划付款", field: "fukuan", width: 80, headerAlign: "center",
            columns: [
            { header: "电汇", field: "TelegraphicTransfer", width: 80, headerAlign: "center" },
            { header: "承兑", field: "Acceptance", width: 80, headerAlign: "center" },
            { header: "合计", field: "Total", width: 80, headerAlign: "center" }
         ]
      }

         ]
      });
}

function merge() {
      var grid = mini.get("Detail");
      grid.mergeColumns(["DepartmentName"]);
}

function updateGrid(data) {
      var datagrid = mini.get("Detail");
      for (var i = 0; i < data.length; i++) {
         var newRow = {
            DepartmentName: data.DepartmentName,
            ProjectName: data.ProjectName,
            SupplierContractCode: data.SupplierContractCode,
            SupplierContractName: data.SupplierContractName,
            SupplierName: data.SupplierName,
            SupplierContractAmount: data.SupplierContractAmount,
            MoneyCategory: data.MoneyCategory,
            TelegraphicTransfer: data.dianhui,
            Acceptance: data.chengdui,
            Total: 1
         };
         datagrid.addRow(newRow);
      }
      merge();
}
作者: felt 时间: 2016-10-18 16:19:56

zqys123456 发表于 2016-10-18 16:12
//初始化表头
function initColumns() {
      var grid = mini.get("Detail");

1 添加多行请使用addRows，而不是一条条addRow
2 mergeColumns是根据列的name来合并的，你并没有name=DepartmentName的列
作者: zqys123456 时间: 2016-10-18 16:24:05

felt 发表于 2016-10-18 16:19
1 添加多行请使用addRows，而不是一条条addRow
2 mergeColumns是根据列的name来合并的，你并没有name=Dep ...

疏忽了，在自定义列的时候忘记写name了  谢谢

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2