ExtJS 4.1如何在组合框中设置预选项?

时间:2013-03-27 07:41:12

标签: extjs4.1

我正在使用ExtJS 4.1,我需要创建一个包含名称列表的组合框,并且我想在其中设置一个特定的预选项目,但我不知道知道怎么做。这是创建我的组合框的代码:

{
                            xtype         : 'combo',
                            fieldLabel    : 'Pay Method',                               
                            triggerAction : 'all',
                            forceSelection: true,
                            store         : 'S01I011001',
                            editable      : false,
                            emptyText     : 'Please Select',
                            name          : 'payMethodId',
                            typeAhead     : true,
                            queryMode     : 'remote',
                            displayField  : 'name',
                            valueField    : 'id',
                            id            : 'payMethod-t00700106',
                            listeners  :{                               
                                'select': {
                                    fn: function (combo, value) {
                                        var value=combo.getValue();                              
                                        if(value != null || value != ''){                              
                                            if(value == '2' || value == '3'){
                                                Ext.getCmp('return-t00700106').disable();
                                            }else{
                                                Ext.getCmp('return-t00700106').enable();
                                            }
                                        }
                                    }
                                }                    
                            }
                        }

2 个答案:

答案 0 :(得分:2)

只需使用'value'属性,并将其设置为所需条目的代码值。

答案 1 :(得分:1)

我这样做,并激活了商店属性autoLoad:true

                          {
                            xtype         : 'combo',
                            fieldLabel    : 'Pay Method',                               
                            triggerAction : 'all',
                            forceSelection: true,
                            store         : 'S01I011001',
                            editable      : false,
                            emptyText     : 'Please Select',
                            name          : 'payMethodId',
                            typeAhead     : true,
                            queryMode     : 'remote',
                            displayField  : 'name',
                            valueField    : 'id',
                            id            : 'payMethod-t00700106',
                            listeners     :{
                                boxready  : function(){
                                  this.setValue(this.getStore().getAt(0).get(this.valueField),true);
                                      this.fireEvent('select',this);
                                      }
                                  }
                            }