Ext JS combobox 组件的各种用法

数组数据源：

var store1 = new Ext.data.ArrayStore({
			fields: ['Name', 'Code'],
			data: [['开发部', 1], ['行政部', 2], ['销售部', 3], ['质检部', 4], ['售后部', 5]]
			});

new Ext.form.ComboBox({
											id : 'infoStorePlace',
											fieldLabel :L_info_store_place,
//											fieldLabel :入库地点,
											triggerAction : 'all',
											store : store1,
											displayField : 'Name',
											valueField:'Code',
											mode : 'remote',
											handleHeight : 10,
											anchor : '95%'
										})

XML 数据源 ：

<?xml version="1.0" encoding="UTF-8"?>
<Data>
  <Items>   
    <Item>
      <infoStorePlace>深圳</infoStorePlace>   
      <JP>深圳</JP>     
    </Item>
    <Item>
      <infoStorePlace>上海</infoStorePlace> 
      <JP>上海</JP>          
    </Item>
    <Item>
      <infoStorePlace>北京</infoStorePlace>  
      <JP>北京</JP>         
    </Item>
    <Item>
      <infoStorePlace>香港</infoStorePlace> 
      <JP>香港</JP>          
    </Item>   
  </Items>
</Data>

	var reagFlowcellInfoStorePlaceStore = new Ext.data.Store({
				url:'js/cBotInfoTransportState.xml',
				reader: new Ext.data.XmlReader({record:'Item'},[{name: 'infoStorePlace',mapping:'infoStorePlace'},{name:'JP',mapping:'JP'}])	
			});

new Ext.form.ComboBox({
											id : 'infoStorePlace',
											fieldLabel :L_info_store_place,
//											fieldLabel :入库地点,
											triggerAction : 'all',
											store : reagFlowcellInfoStorePlaceStore,
											displayField : 'infoStorePlace',
											valueField:'JP',
											mode : 'remote',
											handleHeight : 10,
											anchor : '95%'
										})

后台数据源：

	var incStore = new Ext.data.Store({
		proxy : new Ext.data.HttpProxy({
					url : BasicUrl + '/preOn.htm?cmd=findINClist',
					
					method : 'POST'
				}),
		reader : new Ext.data.ArrayReader({
						fields : ['laneCtrolId','libId'],
						root : "data"
					})
	});	

//从后台返回的 data 是一个对应相应 列的 数组 

new Ext.form.ComboBox({
								name : 'inLaneControl',
								fieldLabel : 'In Lane Control',
								triggerAction:'all',
								store:incStore,
								displayField:'libId',
								valueField : 'laneCtrolId',
								model : 'remote',
								value : config.record.get('inLaneControl'),
//								allowBlank:false,
//								blankText: '该项不允许为空!',
								listeners : {
									select : function(){
										//真实值 inlanecontrol id
//										var  incvalue = form.getForm().findField("inLaneControl").getValue();
										//显示值 文库ID
										var incvalue = form.getForm().findField("inLaneControl").getRawValue();
										
//										alert(incvalue + "-" + lane);
										
										//查询选择的 inlanecontrol 的文库信息 剩余量
										Ext.Ajax.request({
											url : BasicUrl + '/inLaneControlChangge.htm?cmd=findINCNum',
											method : 'POST',
											params : {
												incvalue : incvalue	
											},
											success : function(result,action){
												var incnum = Ext.util.JSON.decode(result.responseText);
												if(incnum.RemainVolume < 10){
													Ext.MessageBox.show({														
														title : '提示:',
														msg : '该文库剩余量不足10ul，是否继续使用?',
														buttons : Ext.Msg.YESNO,
														fn : function(btn){															
															if(btn == 'yes'){
																return;
															}else{																
																form.getForm().findField("inLaneControl").setValue('');
															}	
														}														
													});	
												}													
											},
											failure : function(){											
											}																						
										});
										
										
									}
									
								},
								anchor : '95%'								
								})