2012-04-23 95 views
0

有复选框列的Ext网格面板。 的目的是处理复选框单击单元格(其电池点击&值)Extjs 4 cellEditor插件Hanlde编辑事件

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'}] 

      }); 

但是从插件没有编辑的事件来..

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

回答

0

您需要在plugins:[] config中设置'cellEditing'。您可能还想要在每个要编辑的列上指定和编辑(文本,日期,编号等)。看到sencha这个东西的例子。此外,复选框是行选择器不是单元格选择器 - 只是要记住。