javascript - ExtJS - 项目选择器动态存储加载

Question

我正在使用 ExtJS 3.3.0 和 CodeIgnitor 1.7.4 使用 GoPHP5

我有点困惑我想做的是：

我有一个主要的 ItemSelector

选择多个值并将它们转移到下一个框（商店分配给第二个框）

我需要一个 ajax 或代理函数来获得一个新的 itemSelector 的关联结果。

为了进一步简化：

ItemSelector 1：（我选择这两个值）

美国 印度

ItemSelector 2：（我应该得到两个国家）AL .. CA 等加上来自印度的所有州或城市

我的代码：

{
    xtype:'itemselector',
    fieldLabel: 'Country',
    name: 'country',
    multiselects: [{
        width: ".$width.",
        height: ".$height.",
        store: new Ext.data.ArrayStore({
            fields: ['value','text'],
            data : [".$data."]
        }),
        displayField: 'text',
        valueField: 'value'
    },{
        store: [],
        width: ".$width.",
        height: ".$height."
    }]
}

{
    xtype:'itemselector',
    fieldLabel: 'States',
    name: 'states',
    multiselects: [{
        width: ".$width.",
        height: ".$height.",
        store: new Ext.data.ArrayStore({
            fields: ['value','text'],
            data : [".$data."]
        }),
        displayField: 'text',
        valueField: 'value'
    },{
        store: [],
        width: ".$width.",
        height: ".$height."
    }]
}

Answer 1

在您的第一个项目选择器上放置一个侦听器，以便在选择项目时，它会在您的情况下使用国家代码“美国”、“印度”向服务器发出 ajax 调用。在服务器上获取相关的状态代码列表。以 JSON 格式返回它们并在返回到 ajax 调用时使用返回的状态代码填充另一个 itemselector 上的 JSONStore。