ExtJS GridPanel 行点击

Question

我设计了一个ExtJS GridPanel并从数据库中填充了数据。 我的要求是，当点击一个网格行（如编辑按钮）时，从网格中获取一个ID，并使用该ID从数据库中检索特定数据来填充窗口。 我该如何实现这个功能呢？

- MNR

Answer 1

使用这个：

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

编辑：有关Grid相关问题，请参考ExtJS Grid FAQ部分。

- Swar

---

根据这个文档页面，rowclick事件处理程序的参数应该如下所示：rowclick( this, record, tr, rowIndex, e, eOpts ) - gm2008

Answer 2

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

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

- Kunal Goel

---

根据这个文档页面，cellclick处理程序的参数应该像这样：cellclick( this, td, cellIndex, record, tr, rowIndex, e, eOpts ) - gm2008

请注意：以上代码是针对3.4版本编写的。由于Sencha版本升级（在此情况下为5.0）可能会添加/删除参数化方法，因此您必须相应地进行检查。如果您有任何特定的困难，请告诉我。 - Kunal Goel

Answer 3

看一下这个例子，它来自于Ext JS 3.3 Examples，它展示了与你所描述的类似的机制。主要源代码可以在这里看到。

其他官方的与Grid相关的例子（数据绑定等）也值得一看。

- Tommi

---

嗯...你所有的链接都是指向4.0正式版的href..Sencha已经更新了它。 - Egy Mohammad Erdin