Ext.grid.EditorGridPanel 顾名思义就是可编辑的grid,不是仅仅展示给用户看,用户可以根据的需求添加字段,然后传入后台。我们可以在其中加TextField,comboBox 等form的控件,我们之前将Ext.grid.ColumnModel的某一列加上配置项editor就可以了。
但是动态怎么加上去呢?就是后期绑定:
gridCm.setEditor(index,ComboBox);
通过上面这个方法就可以了,但是需要注意的是ComboBox不是单单的new Ext.form.ComboBox就行了。要将它转化为 new Ext.grid.GridEditor
var ComboBox = new Ext.grid.GridEditor( new Ext.form.ComboBox({
displayField:'name',
valueField:'value',
triggerAction:'all',
style:'width:20px',
width:100,
autoLoader:true,
lazyRender :true,
store:destpkComStore
}));
具体如上。
但是动态怎么加上去呢?就是后期绑定:
gridCm.setEditor(index,ComboBox);
通过上面这个方法就可以了,但是需要注意的是ComboBox不是单单的new Ext.form.ComboBox就行了。要将它转化为 new Ext.grid.GridEditor
var ComboBox = new Ext.grid.GridEditor( new Ext.form.ComboBox({
displayField:'name',
valueField:'value',
triggerAction:'all',
style:'width:20px',
width:100,
autoLoader:true,
lazyRender :true,
store:destpkComStore
}));
具体如上。
本文介绍如何使用Ext.grid.EditorGridPanel实现动态编辑功能。通过设置ColumnModel的编辑器,可以轻松地让用户修改表格中的数据,并提供了ComboBox配置示例。
491

被折叠的 条评论
为什么被折叠?



