extjs3合併表頭 rowspan

2021-07-15 13:12:25 字數 1539 閱讀 8242

extjs3的表頭合併,雖然有columnheadergroup控制項,但是這個控制項無法實現合併行rowspan,顯示太醜,為此只能自己去改extjs的原始碼,先上效果

grid中增加屬性rows,rows的內容為

組成的陣列

var cm = new ext.grid.columnmodel([

,,, ]);

cm.rows=[[,],

[,,,]];

var grid=new ext.grid.gridpanel(,

striperows : false,//不需要隔行換色

store : store,

height : 500,

frame : true,

clickstoedit : 2,

cm : cm,

trackmouseover : true,

disableselection : true,

viewconfig :

});

1、首先在extjs-all-debug.js中找到renderheaders方法進行改寫

renderheaders : function() ,

len = cm.getcolumncount(),

rows = this.cm.rows,

last = len - 1;

/** add by wly 20160722**/

var cellhead="";

var colgroup='';

if(rows !=undefined)

cellhead=cellhead+''+cells.join('')+'';}}

/** add by wly 20160722**/

for (var i = 0; i < len; i++) else

}if(rows !=undefined)else

},

2、找到header模板,進行修改

if(!ts.header)

', '', //modify by wly 20160722

'');

}

3、修改列拖動方法找updatecolumnwidth方法,增加getcolgroup方法呼叫和設定寬度

updatecolumnwidth : function(col, width)

}this.oncolumnwidthupdated(col, w, tw);

},

找到getheadercell方法,在下面增加方法

getcolgroup : function(index),
注意引入columnheadergroup.css

ExtJs3常用控制項操作例項

結合工作內容,不定期更新。這裡面可能會講到一些常用的元件的操作。json 1.gridpanel 這個最常用,就是 嘛,從後台接到收據的store裡面讀出資料,比如我傳遞了乙個json,裡面是物件的各個屬性,那麼我在前台顯示的話,就要這樣。其中有乙個可以自己調整部分字型顏色,比如如果是y就顯示對號,...

Extjs3常用基礎方法使用詳解

extjs3.4常用基礎方法使用 ext.onready function var colorsobjecttype ext.type colorsobject document.write colorsobjecttype colorsobjecttype s value is ojbect va...

Extjs4中的樹與extjs3中相比變化真大啊!

這段時間在整extjs4,其中涉及到要把以前做extjs3中好多的自定義元件,改寫到4下面去,在這個過程中發現extjs4更新變化實在是大,可以說是翻天覆地的變化也不為過。像以前做的佇列檔案上傳元件,就用了好久才改到4下面可以用,中間碰到了一系列的問題,後來改造自己做的imgcrop元件,又是用了n...