ExtJS4 grid表头分层并赋值

谁践踏了优雅 2022-07-17 02:12 209阅读 0赞

效果图：

![Center][]

Ext.define('V5.cxb.view.Grid', \{  
extend : 'Ext.grid.Panel',  
columnLines : true,  
xtype : 'cxbGrid',  
border : 0,  
id : 'cxb',  
views : \['V5.cxb.view.DgEdit'\],  
requires : \['V5.cxb.view.DgEdit', 'V5.cxb.view.Tree'\],  
store : Ext.create('Ext.data.Store', \{  
fields : \['ywzl','ywdy',"name1", "name2", 'wt','gz','jy'\],  
data : \[\{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' :'<a href="\#">印章管理-张三</a>',  
'name2' :'张霞</font>&nbsp;&nbsp;李四',  
'wt':'0',  
'gz':'1',  
'jy':'2'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">信息的真实性、准确性-张霞</a>',  
'name2' : '张霞',  
'wt':'0',  
'gz':'1',  
'jy':'5'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">督导检查-李艳</a>',  
'name2' : '李艳',  
'wt':'0',  
'gz':'1',  
'jy':'2'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">员工异常行为管理-张三</a>',  
'name2' : '张三',  
'wt':'1',  
'gz':'1',  
'jy':'4'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">人员招聘-李艳</a>',  
'name2' : '李艳',  
'wt':'0',  
'gz':'1',  
'jy':'1'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">融资性担保公司-张三</a>',  
'name2' : '张三',  
'wt':'0',  
'gz':'1',  
'jy':'1'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">房地产估价机构-张三</a>',  
'name2' : '张三',  
'wt':'0',  
'gz':'1',  
'jy':'4'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">不良资产转让清收-张三</a>',  
'name2' : '张霞',  
'wt':'0',  
'gz':'1',  
'jy':'2'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">不良资产核销问责-张三</a>',  
'name2' : '张三',  
'wt':'0',  
'gz':'1',  
'jy':'1'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">不良资产重组-张三</a>',  
'name2' : '李四',  
'wt':'0',  
'gz':'1',  
'jy':'1'  
\}, \{  
'ywzl':'业务条线1',  
'ywdy':'业务单元1',  
'name1' : '<a href="\#">张三-以物抵债-张三</a>',  
'name2' : '李四',  
'wt':'0',  
'gz':'2',  
'jy':'4'  
\}\]  
\}),  
selModel : Ext.create('Ext.selection.CheckboxModel', \{  
mode : "SIMPLE",  
checkOnly:true,  
width : 100  
\}),  
  
  
columns : \{  
items : \[\{  
text : '业务条线',  
align:'center',  
flex : 1,  
dataIndex : 'ywzl'  
\},\{  
text : '业务单元',  
align:'center',  
flex : 1,  
dataIndex : 'ywdy'  
\},\{  
text : '控制环节',  
flex : 2,  
dataIndex : 'name1'  
\}, \{  
text : '创建人',  
align:'center',  
flex : 1,  
dataIndex : 'name2'  
\}, \{  
text : '问题性质',  
columns:\[\{text:'问题',dataIndex:'wt',align:'center'\},\{text:'关注',dataIndex:'gz',align:'center'\},\{text:'建议',dataIndex:'jy',align:'center'\}\],  
flex : 2,  
dataIndex : 'name3'  
\},\{  
header : "附件",  
flex : 1,  
align:'center',  
dataIndex : 'name5',  
renderer : function() \{  
return '<a href="javascript:void(0)" id="upload" color="blue"><img src="1.jpg" height="14px"/></a>'  
\}  
\}\]  
\}  
\}  
\});

[Center]: /images/20220717/ccd62e4a294d489c93ea6518e0ae20eb.png