ExtJS GridPanel 行点击

Posted 2023-02-26

【中文标题】ExtJS GridPanel 行点击

【英文标题】：ExtJS GridPanel Row Click

【发布时间】：2011-04-26 10:31:57

【问题描述】：

我设计了一个 ExtJS GridPanel 并从数据库中填充数据。 我的要求是当单击网格行（如编辑按钮）时，从网格中获取一个 id 并使用特定数据填充一个窗口（使用数据库中的 id 检索数据）。 我怎样才能做到这一点？

【参考方案1】：

使用这个：

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

编辑：请参阅ExtJS Grid FAQ 部分以了解与网格相关的问题

【讨论】：

根据doc page，rowclick事件处理函数的参数应该是这样的：rowclick( this, record, tr, rowIndex, e, eOpts )

【参考方案2】：

将其添加到网格的监听器中：

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

【讨论】：

根据这个doc page，celllcick处理程序的参数应该是这样的：cellclick( this, td, cellIndex, record, tr, rowIndex, e, eOpts )

请注意：以上代码是为 3.4 版本编写的。出于显而易见的原因，Sencha 版本（在本例中为 5.0）的任何升级都可能添加/减去参数化方法。你必须相应地检查。让我知道您是否有任何具体的问题？

【参考方案3】：

看看Ext JS 3.3 Examples 中的this example，它具有与您所描述的相似的机制。主要源码可见here。

其他与网格相关的官方示例（数据绑定等）可能也值得一看。

【讨论】：

hmmm...您所有的链接都是指向第 4 版最终版本的 href .. sencha 已经更新了它..