如何獲取extjs窗口小部件列中的rowIndex

Question

我需要一個窗口小部件列中的按鈕來了解它在extJS 6 panel.grid中的rowIndex，以便在按鈕上單擊它可以使用該功能。我知道我可以從渲染器函數中獲取這些信息，但似乎在創建按鈕之前執行。關於如何獲得索引的任何想法？

Answer 1

在gridview上使用indexOf。您需要將它作爲參數傳遞給node，這是表示行的HTML元素。在Ext JS 6中，網格行是HTML表格，所以按鈕的行元素可以從按鈕元素b找到，如b.el.up('table')。 gridview也可以找到b.up('gridview')。所以，你得到：

var rowIndex = b.up('gridview').indexOf(b.el.up('table')); 

見行動：https://fiddle.sencha.com/#fiddle/snq

Answer 2

大廈德雷克的回答，我使用的是event.record屬性。不幸的是，它看起來像你必須讓點擊事件有一個輕微的緩衝區，所以它會得到正確的記錄添加到它。這有效，但我不完全確定它是否是一種正確的方式。 Example：

{ 
    width: 150, 
    xtype: 'widgetcolumn', 
    widget: { 
    text: 'Button', 
    xtype: 'button', 
    text: 'Get row index', 
    listeners: { 
     buffer: 1, 
     click: function(button, event, eOpts) { 
     var record = event.record; 
     alert(store.find('postid', record.get('postid'), 0, false, true, true)) 
     } 
    } 
    } 
} 

Answer 3

使用onWidgetAttach

當構件被連接到一個記錄將被調用的函數。這對於進行任何後期處理可能很有用。

http://docs.sencha.com/extjs/5.1.2/api/Ext.grid.column.Widget.html#cfg-onWidgetAttach

功能既有小部件並記錄參數。 你可以做widget.record = record，然後按鈕將有記錄成員，你可以在點擊監聽器中訪問