ExtJS4 grid表头分层并赋值

效果图:


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>'
}
}]
}
}
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值