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

 

 
  
  1.            items: [{ 
  2.             xtype: 'combo', 
  3.             fieldLabel: 'Customer Status', 
  4.             id: 'customerStatus', 
  5.             anchor: '95%',  
  6.             triggerAction: "all", 
  7.  mode: "local", 
  8.  displayField: "name", 
  9.  valueField: "name", 
  10.             store: new Ext.data.ArrayStore({  
  11.      fields: ["name"], 
  12.             data: ['All', 'Active', 'Inactive'] 
  13.             }) 
  14.            }] 
 
  
 
 
  
这段代码出自于Ext.form.FormPanel的定义代码中，在FormPanel里面定义一个下拉框，里面的选项有All，Active，Inactive三个。
 
  
在官方的文档里面我们，可以看到一个实例化的过程。
 
  
 
  
  1. // create the combo instance 
  2. var combo = new Ext.form.ComboBox({ 
  3.     typeAhead: true, 
  4.     triggerAction: 'all', 
  5.     lazyRender:true, 
  6.     mode: 'local', 
  7.     store: new Ext.data.ArrayStore({ 
  8.         id: 0, 
  9.         fields: [ 
  10.             'myId', 
  11.             'displayText' 
  12.         ], 
  13.         data: [[1, 'item1'], [2, 'item2']] 
  14.     }), 
  15.     valueField: 'myId', 
  16.     displayField: 'displayText' 
  17. });