ExtJS - 依赖组合框

时间:2012-10-12 12:40:28

标签: extjs combobox

我正在尝试使用默认值制作一个依赖于其他组合框的组合框,但进入组合框的监听器必须加载自身的数据。使用this.store.loadData(todoItems)todoItems作为四个位置的数组时,我遇到了问题。

这是商店:

var cmb_items = new Ext.data.SimpleStore({
        fields : ['itemId', 'item'],
        data   : itemsMenu
});

我不知道为什么。这是我的代码,有人可以帮我一把吗?

{    
    xtype          : 'combo',
    store          : cmb_items,
    hiddenName     : 'id_item',
    valueField     : 'id_item',
    mode           : 'local',
    allowBlank     : false,
    value          : nombreItem,
    fieldLabel     : 'items',
    disabled       : true,
    name           : 'items',
    triggerAction  : 'all',
    emptyText      : 'Seleccione un item',
    editable       : false,
    id             : "items",
    anchor         : '90%',
    displayField   : 'item',
    listeners      : {
                select: function () {
                    idSistema = Ext.getCmp("sistemas").getValue();  
                    selectedMenu = Ext.getCmp("menus").getValue();
                    todoItems = getItemsMenu(selectedMenu,idSistema);
                    //alert(todoItems)
                    this.store.loadData(todoItems);
                    idItem     = this.getValue();

                        alert(idItem);          // RETURN UNDEFINED

                    for(i=0;i<this.store.getCount();i++){
                         if(todoItems[i][0]==idItem){
                             nombreItem = todoItems[i][1];
                             outItem    = todoItems[i][2];
                         }
                     }
            }                                    
             }
}, 

谢谢!

1 个答案:

答案 0 :(得分:2)

我对代码不太清楚,但如果你正在寻找组合取决于另一种方法,试试我的例子。

    var countryStore = new Ext.data.SimpleStore({
        fields: ['alpha2code','name'],
        data: [["BE","Belgium"],["BR","Brazil"],["BG","Bulgaria"]]
    });   

    function getState(stCode){
        var data=[];  
        switch(stCode){
            case 'BE':
                data=[["BE","Belgium1"],["BR","Brazil1"],["BG","Bulgaria1"]];
                break;

            case 'BR':
                data=[["BE","Belgium2"],["BR","Brazil2"],["BG","Bulgaria2"]];
                break;

            case 'BG':
                data=[["BE","Belgium3"],["BR","Brazil3"],["BG","Bulgaria3"]];
                break;
        }
        return data;  
    };

    var statesStore = new Ext.data.SimpleStore( {
        fields: ['statecode','name']  
    });

    var stateForm = new Ext.form.ComboBox({
        fieldLabel : 'Country',
        id : 'countryCombo',
        name : 'country',
        msgTarget : 'side',
        triggerAction : 'all',
        lazyRender : true,
        store : countryStore,
        mode: 'local',
        valueField : 'alpha2code',
        emptyText : 'Create or Select an partment',
        displayField : 'name',
        editable : true,
        listeners:{
            'select': function(combo,value,index){ 
                debugger;
                var input = combo.getValue();           
                var stateCombo=Ext.getCmp('statesCombo');
                //stateCombo.clearValue();
                //stateCombo.store.baseParams.countryID=input;
                stateCombo.store.loadData(getState(input));
            }
        }
    });

    var stateForm1 = new Ext.form.ComboBox({
        fieldLabel : 'States',
        id : 'statesCombo',
        name : 'states',
        mode: 'local',
        msgTarget : 'side',
        triggerAction : 'all',
        lazyRender : true,
        store : statesStore,
        valueField : 'statecode',
        emptyText : 'Create or Select an Department',
        displayField : 'name',
        editable : true
    });

    var formPanel = new Ext.form.FormPanel({
        title: 'World',
        labelWidth: 120,
        width: 350,
        padding: 10,
        items:[stateForm,stateForm1]
    });

    formPanel.render(document.body);