jQuery MiniUI

 找回密码
 立即注册
查看: 2546|回复: 2
打印 上一主题 下一主题

求助 mergeColumns 依次合并 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2016-3-24 14:54:17 |只看该作者 |倒序浏览


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



附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2016-3-24 15:22:14 |只看该作者
我们合并的规则就是同列相邻同值合并

Rank: 3Rank: 3

板凳
发表于 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>


Archiver|普加软件

GMT+8, 2024-10-7 18:31 , Processed in 1.044216 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部