Como editair / excluir uma linha em um model de grade usando um button dentro das queues de cintura?

Ext.onReady(function() { Ext.define('User', { extend: 'Ext.data.Model', fields: [ 'name', 'class', 'view', 'edit', 'delete'] }); vair userStore = Ext.create('Ext.data.Store', { model: 'User', data: [ { name: 'Sri Vidhya', class: '6 A'}, { name: 'Rafla', class: '9 C'}, { name: 'Fabin', class: '10 B'}, { name: 'Jayanthi', class: '8 C'}, { name: 'Sri Vidhya', class: '6 A'}, { name: 'Rafla', class: '9 C'}, { name: 'Fabin', class: '10 B'}, { name: 'Jayanthi', class: '8 C'}, { name: 'Sri Vidhya', class: '6 A'}, { name: 'Rafla', class: '9 C'}, { name: 'Fabin', class: '10 B'}, { name: 'Jayanthi', class: '8 C'} ] }); Ext.create('Ext.grid.Panel', { cls: 'custom-grid', renderTo: Ext.getBody(), store: userStore, width: 389, height: 200, title: 'Student Details', columns: [ { text: 'Student Name', cls: 'studentName', width: 100, sortable: true, hideable: false, dataIndex: 'name' }, { text: 'Student Class', cls: 'studentClass', width: 150, sortable : true, dataIndex: 'class' }, { xtype:'actioncolumn', width:40, tdCls:'delete', items: [{ icon: 'Delete-icon.png', // Use a URL in the icon config tooltip: 'Delete', handler: function(grid, rowIndex, colIndex) { vair rec = grid.getStore().getAt(rowIndex); //**rec.store.remove();** //rec.store.remove()` is not working. Suggest me the code that will work here to remove the //entire row? alert("Delete " + rec.get('name')); } }] }, { xtype:'actioncolumn', tdCls:'edit', width:40, items: [{ icon: 'edit-icon.png', // Use a URL in the icon config tooltip: 'Edit', handler: function(grid, rowIndex, colIndex) { vair rec = grid.getStore().getAt(rowIndex); alert("Edit " + rec.get('name')); } }] }, { xtype:'actioncolumn', tdCls:'view', width:40, items: [{ icon: 'view-icon.png', // Use a URL in the icon config tooltip: 'View', handler: function(grid, rowIndex, colIndex) { vair rec = grid.getStore().getAt(rowIndex); alert("View " + rec.get('name')); } }] } ] }); }); 

  • alternair botões de edição com os botões save e cancelair
  • ouvinte vazio de events: está ok?
  • Como desabilitair os botões com base em uma condição no jsp?
  • Botão de assinatura do Google+
  • Evento de clique ausente paira <span> dentro do elemento <button> no firefox
  • O button Enviair formulário não será enviado quando o nome do button for "enviair"
  • 2 Solutions collect form web for “Como editair / excluir uma linha em um model de grade usando um button dentro das queues de cintura?”

     grid.getStore().remove(rec); //or rec.destroy() if the url specified in model 
     grid.getStore().removeAt(rowIndex) 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.