Ext.grid.ColumnModel 后期设置editor

本文介绍如何使用Ext.grid.EditorGridPanel实现动态编辑功能。通过设置ColumnModel的编辑器,可以轻松地让用户修改表格中的数据,并提供了ComboBox配置示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

具体如上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值