Ext3动态修改EditorGridPanel的列模型renderer（js函数动态创建）

最新推荐文章于 2018-08-15 14:33:01 发布

weixin_33698043

最新推荐文章于 2018-08-15 14:33:01 发布

阅读量475

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/555061/blog/496774

版权

2019独角兽企业重金招聘Python工程师标准>>>

本质上属于js函数动态创建问题。

现在有这样一个需求，Ext.grid.EditorGridPanel的Ext.grid.ColumnModel的某一列是一个Ext.form.ComboBox，熟悉这个的人就知道存在一个valueField和displayField的问题，如下所示，

new Ext.grid.Column({
	header : '编号',
	dataIndex : 'idserial',
	width : 120,
	id : 'idserial',
	name : 'idserial',
	editor : new Ext.form.ComboBox({
		store : Ext.dataMap.get('func_id_MAP_T_FUNC_LIST_Store'),
		valueField : 'value',
		displayField : 'display',
		typeAhead : false,
		triggerAction : 'all',
		lazyRender : true
	}),
	renderer : Ext.dataMap.get('func_id_MAP_T_FUNC_LIST_Renderer')
})

这里就用renderer属性来控制“显示”和“值”之间的转换，而现在这个store是从服务器拿数据的Ext.data.JsonStore，因此在这个Ext.grid.EditorGridPanel渲染完毕之后这里的renderer才能根据这个store的数据动态生成一个rendererFunc函数，也就说这个renderer是后来才动态生成的，这里记录了如何动态生成renderer的过程

s=Ext.dataMap.get('func_id_MAP_T_FUNC_LIST_Store');
grid=Ext.getCmp('mytableGrid');
cm=grid.getColumnModel();
idcm=cm.getColumnById('idserial');
idcm.renderer;
idcm.renderer = new Function('value', "if(value=='kbzfzl001'){return '开闭站负载率';}else if(value=='zzzpfzl001'){return '重载直配负载率';}else if(value=='kmggz001'){return '看门狗故障';}else if(value=='khzb001'){return '考核指标';}else if(value=='gfhjs001'){return '过负荷监视';}else if(value=='bdzfzl001'){return '变电站负载率';}else if(value=='ztfzl001'){return '自投负载率';}else if(value=='dcnfzl001'){return '电采暖负载率';}else if(value=='sgbj001'){return '事故报警';}");
grid.getStore().reload();