Ext.grid.Panel получить выбранную запись от кнопки tbar

Question

Я создал вид расширения Ext.grid.Panel, а также прикрепил к нему tbar, на панели инструментов у меня есть 2 кнопки [Добавить] и [Удалить]. В этом вопросе я сосредоточен только на команде [Удалить].

Как обычно, я хочу получить текущую выбранную запись в сетке, которую я хочу удалить.

так в контроллере:

init: function() {
 this.control({
   'extendgridlist button[action=remove]': {
      click: this.removeCurrentRow;
    }
 });
}

removeCurrentRow: function(t){
 // how do i get current selected record
}

Answer 1

removeCurrentRow: function(t){
 var grid = t.up('gridpanel');
 var arraySelected =grid.getSelectionModel().getSelection();
 //assuming you have a single select, you have the record at index 0;
 var record = arraySelected[0]
}

Answer 2

Если сетка равна selType = "cellModel", используйте код ниже:

var grid = Ext.getCmp('id-of-grid');
var recid = grid.getSelectionModel().getCurrentPosition();

if(recid && recid.row){
  var r = grid.getStore().getAt(recid.row)   
  alert(r.data.anyofgridfieldid)
}

подробнее: http://as400samplecode.blogspot.com/2012/01/extjs-grid-selected-row-cell.html

Answer 3

Ответ 'nscrob' должен работать просто отлично, я просто хотел указать альтернативный метод.Каждый компонент Ext может иметь поле 'id'.Итак, если вы дали вашей сетке опцию конфигурации, подобную следующей, когда она была создана:

id:'my_grid_id'

Тогда из любого места, в том числе и внутри функции removeCurrentRow, вы могли бы сделать следующее:1006 * Как я уже сказал, похоже на другие ответы, но это просто еще один способ доступа к сетке.

Answer 4

...
xtype: 'button',
text: 'Edit',
handler: function() {
    onEdit(this.up('theGrid')); // alias: 'widget.theGrid' in definition
}

...
function onEdit(theGrid) {

if (theGrid.getSelectionModel().hasSelection()) {    
        var rows = theGrid.getSelectionModel().getSelection();
        var row = rows[0];
        console.log('Count Rows Selected : ' + rows.length);
        console.log('The Row : ' + row); // columns: 'id', 'name', 'age'
        console.log('Student Id: ' + row.get('id'));
        console.log('Student Name: ' + row.get('name'));
        console.log('Student Age: ' + row.get('age'));
    }
    else {
        console.log('No Row Selected.');
    }
}