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>