2011-04-26 103 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