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%'
}) 

最后

以上就是潇洒大白为你收集整理的Ext JS combobox 组件的各种用法的全部内容，希望文章能够帮你解决Ext JS combobox 组件的各种用法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。