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

时间:2015-10-22 11:01:02

标签: javascript extjs combobox extjs5 extjs6

使用ExtJS 5和6 chained store是一个"视图"源商店。链式商店可以被分类&独立过滤而不会对源存储产生任何影响。

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:只是为了记录,这些是我发现的其他类似的方法:

1 个答案:

答案 0 :(得分:0)

您可以使用以下方式创建商店实例:

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

}