2011-04-26 104 views
4

我設計了一個ExtJS GridPanel並從數據庫中填充數據。 我的要求是當點擊一個網格行(如編輯按鈕)從網格中獲取一個id並填充一個窗口與特定數據(使用數據庫中的id回收數據)。 我怎樣才能做到這一點?ExtJS GridPanel行點擊

回答

9

使用此:

  grid.on('rowclick', function(grid, rowIndex, columnIndex, e) { 
       console.log(grid, rowIndex, columnIndex, e); 
      }, this); 

編輯:請參閱ExtJS Grid FAQ節電網相關問題

+0

根據[doc page](http://docs.sencha.com/extjs/5.0/5.0.1-apidocs/#!/api/Ext.panel.Table-event-rowclick),rowclick事件的參數處理器應該是這樣的: 'rowclick(this,record,tr,rowIndex,e,eOpts)' – gm2008 2015-07-17 07:46:35

0

看看this exampleExt JS 3.3 Examples,它具有類似的機制,你所描述的。主要的源代碼可以看到here

其他官方與網格有關的例子(數據綁定等)也可能值得一看。

+0

嗯...所有的鏈接是HREF到版本4最後發佈.. sencha已更新它.. – 2011-04-26 15:04:43

+0

固定...謝謝! – Tommi 2011-04-26 15:58:36

0

它添加在網格的監聽器:

listeners: { 
    cellclick: function (grd, rowIndex, colIndex, e) { 
     var record = grd.getStore().getAt(rowIndex); 
     var record = grd.getStore().getAt(rowIndex); 
    } 
} 
+1

根據這個[doc page](http://docs.sencha.com/extjs/5.0/5.0.1我們可以看到,cellclick(this,td,cellIndex,record,tr,rowIndex,e)中的cellclick(this,td,cellIndex,record,tr,rowIndex,e ,eOpts)' – gm2008 2015-07-17 07:40:55

+2

請注意:上面的代碼是爲3.4版編寫的。出於顯而易見的原因,Sencha版本(本例中爲5.0)中的任何升級都可能會添加/減少參數化方法。你必須相應地檢查。讓我知道是否有什麼具體的事情你正在努力? – 2015-08-05 07:46:01