[Ext JS] Grid表格批量编辑的实现

Grid使用表格的形式显示数据， 在实际的场景中， 除了查看数据之外， 往往还有在表格中直接编辑数据的需求。编辑的方式有：

• 单行编辑
• 批量编辑

单行编辑可以通过行编辑插件(Ext.grid.plugin.RowEditing )或者单元格编辑插件（ Ext.grid.plugin.CellEditing ）实现，批量编辑的实现在不同的Ext JS 版本中有不同的实现方式。

Ext JS 5 及之后版本的编辑列 - widgetcolumn

在Ext JS 5.0.0 之后， Ext JS 提供了专门的可以用于编辑的列类型——组件列（Ext.grid.column.Widget），组件列的用途就是这一列可以定义成需要的组件形式， 也就包含输入框或者下拉框等组件， 进而也就实现了对这一列批量编辑的效果。使用上也很简单， 就是在定义Grid的columns 时， 把需要编辑的列的xtype 定义为widgetcolumn，然后通过widget定义组件类型， 举例来看：

            {
                    xtype:'grid',
                    title:'widgetcolumn实现列批量编辑',
                    columns:[{
                        text:'武将名',
                        dataIndex:'name'
                    },{
                        text:'级别',
                      
1
2
3
4
5
6
7
8