列网格中的动态存储可编辑

Question

在可编辑的网格列中（ExtJs v4.2.2），如何动态更改商店？重点是按运动类型（movementTypeId）加载具有不同参数的商店：

要附加不同列表的字段是 'Reason'，列是：

this.columns = [
{
    text: 'id',
    dataIndex: 'movementId',
    sortable: false,
    hideable: true,
    sortableColumn: false,
    hidden: true,
    flex : 1,
    scope:this
},
{
    text: 'TypeId',
    dataIndex: 'movementTypeId',
    sortable: false,
    sortableColumn: false,
    hideable: true,
    sortableColumns: false,
    hidden: true,
    flex : 2,
    scope:this
},

{
    text: 'Reason',
    dataIndex: 'movementReasonId',
    sortable: false,
    hideable: true,
    sortableColumn: false,
    field: {
        xtype: 'combobox',
        align: 'center',
        typeAhead: true,
        triggerAction: 'all',
        //selectOnTab: true,
        store: this.storeMovementReasonType,
        displayField: 'label'
    },
    flex : 3,
    scope:this
},

];

所以对于每一行，当商店加载时想要设置额外的参数，如：

if(movementTypeId === 89){
 storeMovementReasonType.getProxy().setExtraParam('dictionaryTypeId',11);
 }
 if(movementTypeId === 94){
    storeMovementReasonType.getProxy().setExtraParam('dictionaryTypeId',8);
 }

可能吗？感谢您的宝贵时间:)

Answer 1

您想在行编辑插件上实现 beforeedit 侦听器：

listeners:{
    beforeedit:function(editor , context , eOpts) {
        var movementTypeId = context.record.get("movementTypeId");
        if(movementTypeId === 89){
            storeMovementReasonType.getProxy().setExtraParam('dictionaryTypeId',11);
        }
        if(movementTypeId === 94){
            storeMovementReasonType.getProxy().setExtraParam('dictionaryTypeId',8);
        }
        storeMovementReasonType.load();
    }
}

列网格中的动态存储可编辑

dynamic store in column grid editable

grid

extjs

store