javascript - 在 ExtJS 网格面板中，如何使用 ChainedStore 和 widgetcolumn 在每行中显示具有不同值的组合框

Question

对于 ExtJS 5 和 6，链式存储是源存储的“视图”存储。链式存储可以独立排序和过滤，而不会对源存储产生任何影响。

var mySourceStore = Ext.create('Ext.data.Store', {
    fields: ['id', 'name']
}); 

var myChainedStore = Ext.create('Ext.data.ChainedStore', {
    source: mySourceStore
});

并且网格面板也可以有一个使用widgetcolumn的带有组合框的列。

{
    xtype: 'widgetcolumn',
    text: 'all combos',
    widget: {
        xtype         : 'combobox',
        store         : myChainedStore,
        valueField    : 'id',
        displayField  : 'name',
        forceSelection: true
    }
}

我需要的是每一行都有另一个连锁商店的实例。并且根据行中的其他一些值，对链接存储的内容进行过滤。实际上，每行中的组合框可能会显示一组不同的值。

使用小部件列和连锁商店来实现这一点是一种好方法吗？这样的解决方案会是什么样子？

PS：为了记录，这些是我发现完成类似事情的其他方法：

• 如何为网格中的每个单元格组合框编辑器定义不同的存储？
• https://www.sencha.com/forum/showthread.php?60618-different-values-for-a-ComboBox-on-each-row-of-an-EditorGrid

Answer 1

您可以使用以下方法创建商店实例：

{
xtype: 'widgetcolumn',
text: 'all combos',
widget: {
    xtype         : 'combobox',
    store         : Ext.create('Ext.data.ChainedStore'),
    valueField    : 'id',
    displayField  : 'name',
    forceSelection: true
}

}