ExtJS使用之combo

项目中一些基本的控件肯定是要掌握的啦，今天弄了个ExtJS3.0的ComboBox,虽然简单，但是也值得一写。

 

           items: [{ 
            xtype: 'combo', 
            fieldLabel: 'Customer Status', 
            id: 'customerStatus', 
            anchor: '95%',  
            triggerAction: "all", 
            mode: "local", 
            displayField: "name", 
            valueField: "name", 
            store: new Ext.data.ArrayStore({  
            fields: ["name"], 
            data: ['All', 'Active', 'Inactive'] 
            }) 
           }] 

 

这段代码出自于Ext.form.FormPanel的定义代码中，在FormPanel里面定义一个下拉框，里面的选项有All，Active，Inactive三个。

在官方的文档里面我们，可以看到一个实例化的过程。

// create the combo instance 
var combo = new Ext.form.ComboBox({ 
    typeAhead: true, 
    triggerAction: 'all', 
    lazyRender:true, 
    mode: 'local', 
    store: new Ext.data.ArrayStore({ 
        id: 0, 
        fields: [ 
            'myId', 
            'displayText' 
        ], 
        data: [[1, 'item1'], [2, 'item2']] 
    }), 
    valueField: 'myId', 
    displayField: 'displayText' 
});