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...