ExtJs6 grid中根据返回数据结果动态添加checkcolumn组件

先看效果图：

先说两句：第一列是个treepanel，我的目的是判断是否是子节点来动态添加checkcolumn组件。我试了好久最终找到了办法，这个renderer渲染函数还不能写到controller里，否则会报当前checkcolumn组件找不到渲染方法，好吧，也可能是我才疏学浅。还有渲染里要想返回组件必须创建，否则返回true或者不返回都无法显示组件。

columns : [
{
xtype : 'treecolumn',
bind : {
text : '{menuname}'
},
dataIndex : 'name',
flex : 1
}, {
xtype : 'checkcolumn',
bind : {
text : '{show}'
},
dataIndex : 'flag',
width : 60,
menuDisabled : true,
renderer : function(val, metaData, rcd){
var com = new Ext.grid.column.CheckColumn();
if(rcd.getData()['leaf']){
return com.renderer(val);
}else{
return '';
}
}
}, {
bind : {
text : '{lvl}'
},
dataIndex : 'lvl2',
reference : 'lvl',
editor : {
xtype : 'numberfield',
minValue : 0,
maxValue : 100
},
renderer : 'onLvl'
}]