extjs6中grid合并单元格

萍的微博go

于 2019-04-01 13:12:40 发布

阅读量1.1k

点赞数

分类专栏： extjs

本文链接：https://blog.csdn.net/qq_20426717/article/details/88945907

版权

本文介绍了一个在ExtJS6中实现Grid合并单元格的函数`mergeGrid`。该函数监听store的加载事件，通过遍历Grid的行和指定列，比较相邻行的相同单元格内容来决定是否进行合并。合并时会设置边框样式，并更新单元格内容。当所有指定列的内容都相同时，才会进行合并操作。

摘要由CSDN通过智能技术生成

mergeGrid: function (me) {
var grid = this,
colIndexArray = [0, 1, 4],
isAllSome;
me.store.on('load', function () {
isAllSome = isAllSome == undefined ? true : isAllSome; // 默认为true
// 1.是否含有数据
var gridView = document.getElementById(grid.getView().getId() + '-body');
if (gridView == null) {
return;
}
// 2.获取Grid的所有tr
var trArray = [];
var tableArray = gridView.getElementsByTagName('table');
if (tableArray != null)
Ext.each(tableArray, function (table) {
table.setAttribute("style", "border:0;background-color: white");
});
trArray &#