jQuery MiniUI

标题: 求助 mergeColumns 依次合并 [打印本页]

作者: venje 时间: 2016-3-24 14:54:17 标题: 求助 mergeColumns 依次合并

[attach]7253[/attach]

按A列合并做为分割,在分割线内,B列有相同列合并

作者: dforce 时间: 2016-3-24 15:22:14

我们合并的规则就是同列相邻同值合并

作者: venje 时间: 2016-3-24 15:35:58

本帖最后由 venje 于 2016-3-24 16:00 编辑

dforce 发表于 2016-3-24 15:22
我们合并的规则就是同列相邻同值合并

看来只有想其他办法了,我的方法是增加一个组合字段d='a列值'+'b列值',
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://www.miniui.com/scripts/boot.js" type="text/javascript"></script>
</head>
<body>
<button>合并</button>
<div class="mini-datagrid" style="width:400px;height:300px" id="datagrid1" sortMode="client">
<div property="columns">
      <div field="a" name="c1" allowSort="true">A</div>
      <div field="d" displayField="b" name="c2" sortField="aaa">B</div>
      <div field="c">C</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
var data=[{a:1,b:3},
         {a:1,b:3},
         {a:1,b:1},
         {a:2,b:3},
         {a:2,b:1},
         {a:2,b:3},
         {a:3,b:3},
         {a:3,b:3},
         {a:3,b:2}]
mini.parse();

for(i=0;i<data.length;i++){
      data.d=data.a+'-'+data.b;
}
var grid = mini.get("datagrid1");
grid.setData(data);
function mergeCells() {
      grid.mergeColumns(["c1", "c2"]);
}
grid.on("headercellclick", function (e) {
      var column = e.column;
      if (column.field == "a") {
         grid.updateColumn("c2", { allowSort: false })
      }
})
</script>

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