Question

带有复选框列的Ext网格面板。目的是处理复选框单击（单击的单元格和值）

Ext.define('App.Model.Users', {
    extend: 'Ext.data.Model',    
    fields: ['Id', 'Login', 'Fio', 'Organization', 'Locked']
});    


    var usrstore = Ext.create('App.Data.Lstore', {
                model: 'App.Model.Users',        
                autoLoad: false,
                proxy: {
                    type: 'ajax',
                    url: '/Admin/GetUsers'
                }            
            });    

    var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
                clicksToEdit: 1,
                listeners: { edit: function(editor, e){console.log('gf')} }
            });

            var usrgrid = Ext.create('Ext.grid.Panel', {        
                height: 600,
                store: usrstore,        
                columns: [
                        Ext.create('Ext.grid.RowNumberer'),
                        { dataIndex: 'Login', width: 300, text: 'Логин' },
                        { dataIndex: 'Fio', flex: 1, width: 250, text: 'Фамилия И. О.' },
                        { dataIndex: 'Organization', flex: 2, width: 200, text: 'Организация' },
                        { dataIndex: 'Locked', width: 120, text: 'Блокировка', xtype: 'checkcolumn', align: 'center'}]

            });

但插件没有编辑事件......

什么配置网格插件需要开始工作？

Answer 1

您需要在插件中设置'cellEditing'：[] config。您可能还希望在要编辑的每列上指定和编辑（文本，日期，数字等）。查看这些东西的sencha示例。复选框也是行选择器而不是单元格选择器 - 只需记住一些事项。

Extjs 4 cellEditor插件Hanlde编辑事件

1 个答案: