extjs grid双层表头的实现 (源代码和示例)

《extjs grid双层表头的实现 (源代码和示例)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、源代码:加载到页面中的js文件GridDoubleHeader.js /********************************************************************************@author*@since*@description双层表头*@param{}*mtext表头名*@param{}*mcol向后跨越子表头个数*@param{}*mwidth上至下第一层表头的宽度,即父表头的宽度*@classMyGridView*@extendsExt.grid.GridVi

2、ew*/MyGridView=Ext.extend(Ext.grid.GridView,{renderHeaders:function(){varcm=this.cm,ts=this.templates;varct=ts.hcell,ct2=ts.mhcell;varcb=[],sb=[],p={},mcb=[];for(vari=0,len=cm.getColumnCount();i

3、

4、"";p.s

5、tyle=this.getColumnStyle(i,true);if(cm.config[i].align=='right'){p.istyle='padding-right:16px';}cb[cb.length]=ct.apply(p);if(cm.config[i].mtext)mcb[mcb.length]=ct2.apply({value:cm.config[i].mtext,mcols:cm.config[i].mcol,mwidth:cm.config[i].mwidth});}vars=ts.header

6、.apply({cells:cb.join(""),tstyle:'width:'+this.getTotalWidth()+';',mergecells:mcb.join("")});returns;}});viewConfig={templates:{header:newExt.Template('','{mergecells}<

7、/tr>'+'{cells}',""),mhcell:newExt.Template('{value}