1

我正在使用 extjs 4.0.7。我有一个要求，其中我在网格的编辑模式中有两个组合框，我需要根据第一个中选择的值更改第二个中的数据。

我正在使用 extjs 的 MVC 架构和返回 json 字符串以填充组合框中的数据的 java 代码。我的第一个组合框的代码是：

查看文件：

items: [{
            id: 'country',
            header: 'Countries',
            field: {
                xtype: 'combo',
                store: [
                    ["USA","USA"],
                    ["India","India"],
                ],
                editable: false,
                allowBlank: false,
                listeners: {
                    select: function(combo, records, eOpts){
                        contactTypeGrid = combo.getValue();
                        myGrid.fireEvent('LoadStateOnSelect');
                    }
                }
            }
        },
        {
            id: 'states',
            header: 'Sates',
            dataIndex: 'states',
            field: {
                xtype: 'combo',
                store: 'StateStore',
                valueField: 'stateDesc',
                displayField: 'stateText',
            }
        },  ....
    ]

控制器：

LoadStateOnSelect: function(){
    contactTypeGrid = contactTypeGrid.toLowerCase();
    var stateStore = this.getStateStoreStore();
    stateStore.getProxy().url = "myURL.do";
    stateStore.getProxy().extraParams.act = contactTypeGrid;
    stateStore.load();
},

但是，当我运行此代码时，第二个存储中的数据在后台发生更改，但加载掩码继续出现在前面，因此我无法选择任何值。

我应该如何解决条件数据加载问题？任何帮助都感激不尽。

4

3 回答 3

0

我对此有一个临时修复。但是，我仍在寻找更稳定和可行的解决方案。

解决方案：无论何时更改依赖存储中的数据，您都可以展开正确加载新数据的组合框。

LoadStateOnSelect: function(){
    contactTypeGrid = contactTypeGrid.toLowerCase();
    var stateStore = this.getStateStoreStore();
    stateStore.getProxy().url = "myURL.do";
    stateStore.getProxy().extraParams.act = contactTypeGrid;
    statesCombo.expand(); //Here I am assuming that "statesCombo" has a 
                         //reference to the dependant combo box.
    stateStore.load(); 
},

但是，这可能会节省其他人的时间，如果有人找到更可行的解决方案，也请告诉我。

于 2012-05-24T06:31:38.857 回答
0

carStore - 主要组合的任何商店
carModelStore - 商店，其内容应取决于 carStore 中的选择

当数据从服务器获取时，考虑更通用和有用的示例。

var carModelStore = new Ext.data.Store({
    reader: new Ext.data.JsonReader({
        fields: ['id', 'car-model'],
        root: 'rows'
    }),
    storeId: 'car-model-store',
    proxy: new Ext.data.HttpProxy({
        url: 'carmodeldataprovider.json?car-name=lamborghini'
    }),
    autoLoad: true
});


{ xtype: 'combo', name: 'car-name', fieldLabel: 'Car', mode: 'local', store: carStore, triggerAction: 'all',
    listeners: {
        select: function(combo, records, eOpts){
            var carName = records.get('car-name');
            var carModelStore = Ext.StoreMgr.lookup("car-model-store");

            carModelStore.proxy.setUrl('carmodeldataprovider.json?car-name=' + carName, false);
            carModelStore.reload();
        }
    }

}
于 2015-01-05T21:07:41.780 回答
0

您是否尝试过在重新加载商店之前清除组合框中的选定值？您可以尝试clearValue()在组合上调用该方法。

于 2012-05-01T07:04:37.247 回答