En un panel de cuadrícula ExtJS, cómo usar ChainedStore y widgetcolumn para mostrar cuadros combinados con diferentes valores en cada fila

1

Con ExtJS 5 y 6, una tienda encadenada es una tienda que es una "vista" de una tienda de origen. La tienda encadenada se puede clasificar y filtrar de forma independiente sin tener ningún impacto en la tienda de origen.

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

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

Y también los paneles de cuadrícula pueden tener una columna con cuadros combinados usando el widgetcolumn .

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

Lo que necesito es que cada fila tenga otra instancia de la tienda encadenada. Y dependiendo de algún otro valor en la fila, se filtra el almacenado encadenado. En efecto, el cuadro combinado de cada fila puede mostrar un conjunto de valores diferente.

¿Es un buen enfoque usar columnas de widgets y tiendas encadenadas para lograr esto? ¿Cómo sería una solución así?

PD: Solo para que conste, estos son otros enfoques que encontré para lograr algo similar:

0

Puede crear una instancia de tienda usando:

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

}