Extコンポーネントのプロパティの詳細の1つ-通常のComboBox



	Ext.onReady(function(){	
		//      
		Ext.QuickTips.init();
		Ext.form.Field.prototype.msgTarget = 'side';//      
		
		/*
		//        。
		var modelRecordDef = Ext.data.Record.create([
			{name: 'name'},{name: 'value'}
		]); 
		//          
		//               ,          :
		//  、 comboboxStore.load()  。
		//  、  proxy,             :comboboxStore.proxy = new Ext.data.HttpProxy({url: url})
		//                  。      url.
		var comboboxStore=new Ext.data.Store({
			//           :url: "../../manageActions/actionAction!getJsons.html",
			proxy: new Ext.data.HttpProxy({ url: "../../manageActions/actionAction!getJsons.html"}),
			//       :baseParams         , params   ,  load       ,   reload        
			baseParams:{arg:'Model'},
			//       
			reader: new Ext.data.JsonReader({ 
				id:"modelCboxId",root:'resultList'
				}, modelRecordDef),
			//   ,    true             。              。
			remoteSort: true
		});
		//           ,     load      load   。
		comboboxStore.setDefaultSort('name', 'ASC');
		//           ,     load  。
		comboboxStore.sort('name', 'ASC');
		//    。
		comboboxStore.load();
		var Cb = new Ext.form.ComboBox({
			fieldLabel: '   ',     //      
			valueField:'value',      //      
			hiddenName:'cb',         //      combo name
			displayField:'name',     //    
			id:'CbId',               //id
			emptyText:'--     --', //        
			renderTo: 'combobox',    //        id combobox div 
			width:200,               //  
			anchor:'95.2%',          //     ,         。
			selectOnFocus:true,     
			triggerAction:'all',    //    "all",     "query"    ,       ,     ,       ,    "all"  ,           
			store:comboboxStore,    //       
			typeAhead:true,         //    ,        
			typeAheadDelay:250,     //  250
			editable:true,          //     
			forceSelection:true,    //           ,                 
			mode: 'local'           //  data         ,  'local',   "remote"
		});
		*/
		//      
		var localStore = new Ext.data.SimpleStore({
		 	fields: ["num"],
			data: [["2"],["1"],["5"],["3"],["9"],["6"]],
			//  ,          。
			sortInfo:{field:"num"}
		});
		//           ,                 。
		localStore.sort('num', 'ASC');
		var localCb = new Ext.form.ComboBox({
			store: localStore,
			renderTo: 'combobox',
			valueField :"num",
			displayField: "num",
			hiddenName:'number',
			mode: 'local',
			forceSelection: true,
			blankText:'--     --',
			emptyText:'--     --',
			editable: true,
			selectOnFocus:true,
			triggerAction: 'all',
			id:'localCombo',
			anchor:'95.2%',
			typeAhead: true,
			fieldLabel: '  '
		});
		
		//          Ext  
		var ExtSelect=new Ext.form.ComboBox({
             transform:"select",//html  select  id
             width:200          //  
         });
	});

<div id="combobox"></div>
	<select id="select">
        <option value="1"> </option>
        <option value="2"> </option>
        <option value="3">  </option>
    </select>