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

来源：互联网发布：淘宝店铺尺寸编辑：程序博客网时间：2024/05/17 01:24

先看效果图：
先说两句：第一列是个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'    }]

0 0