2015-09-23 8 views
0

Ниже приведена исполняемая часть кода с кнопкой в ​​редакторе сетки. Мне нужна кнопка, чтобы присутствовать в редакторе, однако мне не нужно какое-либо значение/из кнопки, которую нужно обновить. Функциональность обновления редактора больше не работает. Любая идея, что я могу пропустить?ExtJs (4.2.0) Редактируемая сетка со столбцом типа xtype:

Ext.create('Ext.data.Store', { 
    storeId:'EmployeeData', 
    fields:['name', 'email', 'phone'], 
    data: [ 
     {"name":"aaa", "email":"[email protected]", "phone":"987654321"}, 
     {"name":"bbb", "email":"[email protected]", "phone":"987654321"}, 
     {"name":"ccc", "email":"[email protected]", "phone":"987654321"}, 
     {"name":"ddd", "email":"[email protected]", "phone":"987654321"} 
    ]}); 

var grid = Ext.create('Ext.grid.Panel', { 
    title: 'Employee', 
    store: Ext.data.StoreManager.lookup('EmployeeData'), 
    columns: [ 
     {header: 'Name', dataIndex: 'name', editor: 'textfield'}, 
     {header: 'Email', dataIndex: 'email', flex:1, 
      editor: { 
       xtype: 'textfield', 
       allowBlank: false 
      } 
     }, 
     {header: 'Phone', dataIndex: 'phone'}, 
     {header: 'button', dataIndex:'',editor:{xtype:'button',editable: false}} 
    ], 
    selType: 'rowmodel', 
    plugins: [ 
     Ext.create('Ext.grid.plugin.RowEditing', { 
      clicksToEdit: 1, 
      pluginId: 'rowEditing' 
     }) 
    ], 
    height: 200, 
    width: 400, 
    renderTo: Ext.getBody() 
}); 
+0

Он, как этот код, должен создать сетку с 4 строками и 4 столбцами. Что вы ожидали? – Joe

+0

Если вам удалось прочитать описание, в нем говорится, что, поскольку есть столбец с кнопкой xtype, редактор не работает. – user997805

+0

Вы можете запустить это в скрипке. Редактор не работает из-за столбца кнопки xtype. – user997805

ответ

0

Редактор использует getValue() функцию на каждом x-field, то кнопка управления не имеет getValue() функцию и, следовательно, он бросает исключение и не удается обновить запись.

Возможно, вы можете использовать ActionColumn, если он может служить вашей цели. Вы можете присоединить функцию обработчика так же, как и с кнопкой.