在extjs网格内渲染下拉列表，并在下拉列表更改时更改其他列文本

Question

我正在研究extjs来创建一个网格，其中第一列是用户看到的下拉列表。当用户更改下拉列表时，将填充网格的其他两列。

例如，让列为

姓名，城市，州

让第一列下拉列表记录“John”，“Carol”。

这个下拉列表应始终显示给用户，当他们选择John或Carol时， 行中的城市和州的价值发生了变化。

让我知道如何做到这一点。我知道rowedit点击一个单元格，将文本更改为下拉列表。在我的情况下，我希望默认情况下显示下拉列表，并且更改下拉列表会填充其他列。

我做了这个原始方法

{
     text : 'Name',
     dataIndex : "Name",
     renderer : function(value, cell) {
        return '<select><option>John</option><option>Carol</option></select>';
     }

}

但是不知道如何将事件更改连接到此下拉列表以修改其他列值。

这也是这样做的方式还是我们有更好的方法？

谢谢，

Answer 1

您正在寻找组件细胞。看看这个

http://www.sencha.com/forum/showthread.php?148064-Component-Column-Components-in-Grid-Cells