Extjs Grid合併單元格

客戶需求需要將grid  中的資料進行合併單元格處理！公司程式用的是extjs3.x 的**底層生成的html **不是標準的table **，所以合併單元格只能另闢蹊徑！以下是在網上找的extjs3 和 extjs4 的合併單元方法！

* 解決extjs4.1合併單元格問題

* @param {} grid  要合併單元格的grid物件 

* @param {} cols  要合併哪幾列 [1,2,4] 

*/  

var mergecells = function(grid,cols));  

}     

};    

var rowspanobj = {}; //要進行跨列操作的td物件      

var removeobjs = ; //要進行刪除的td物件[,]  

var col;  

ext.each(cols,function(colindex)

if(allrecs[index1].get(colname) == prevalue && (colname == sepcol || seqoldvalue == seqcurvalue)) else

}} else else

}firstsamecell = j;

prevalue = allrecs[index1].get(colname);

allrecs[index1].set(colname, "");

if(j == count2 - 1)}}

}grid.getstore().commitchanges();

//新增所有分隔線

var rcount = grid.getstore().getcount();

for(i = 0; i < rcount; i ++)else if(i == rcount - 1)else

if(j == grid.getcolumnmodel().getcolumncount()-1)

arow.style.borderright = "1px solid #ccc";

if(i == rcount-1)

arow.style.borderbottom = "1px solid #ccc";}}

//去除合併的單元格的分隔線

for(i = 0; i < array1.length; i++) else }}

}var view=grid.getview();

var rows=view.getrows();

for(i = 0; i < rows.length; i++)

};

Extjs grid 合併單元格

這個方法四個引數分別是 row 合併起始行 col 合併起始列.這兩個引數是為了定位,要從哪個單元格開始合併.type 是要合併行或者列.num 是要合併的數量 監聽load 執行合併單元格 grid.getstore on load function var span function grid,...

Extjs grid 單元格編輯

實現grid勾選後出現編輯按鈕，通過增加乙個欄位checked來控制 事件如下 selectionchange function thi,selected,eopts deselect function row,record,index,eopts grid中如下 else listeners va...

ExtJs grid 合併單元格 跨行跨列

在grid載入完成後直接呼叫此方法，需要注意的是，合併的單元格值必須一樣。2 合併單元格 3 param grid 要合併單元格的grid物件 4 param cols 要合併哪幾列 1,2,4 5 67function mergecells grid,cols 25 26 27var rowspa...