Wijmo5 Flexgrid基础教程:合并单元格
Wijmo Enterprise下载>
Wijmo5的flexgrid支持合并单元格，这个时候需要设置allowMerging属性为
wijmo.grid.AllowMerging.All。然后对于需要合并的列，设置allowMerging为true。代码参考：
columns: [
{ header: 'id', binding: 'id', width: 50, isReadOnly: true, allowMerging: true },
{ header: 'country', binding: 'country', width: 100, allowMerging: true },
],这样时候，就会实现自动的合并单元格内容。对于合并单元格，选择的时候依然不会直接选择所有合并的行。如果想要实现这个功能，需要实现两点。
1. 设置selectionMode
通过修改selectionMode为
wijmo.grid.SelectionMode.RowRange，能够选择多行。
2. 在selectionChanged事件里多选
判断选择的是单个单元格，还是合并单元格，从而通过select方法改变选择的范围。代码参考：
if (grid.getMergedRange(e.panel, e.row, e.col) != null) {
if (grid.getMergedRange(e.panel, e.row, e.col).isSingleCell == false) {
grid.select(grid.getMergedRange(e.panel, e.row, e.col), true);
}
}
});这时就能实现合并单元格，以及合并单元格的行选。
更多内容请下载示例查看：FlexGrid_Merge.zip (87.82 kb)
PS: 关于ComponentOne，这些产品你可以关注>>
葡萄城经典UI产品新年大促，惊喜折扣礼品送不停！
本站文章除注明转载外，均为本站原创或翻译