Ext combo 下拉框级联


/********省份start*****************/
var storeProvince = new Ext.data.ArrayStore({
fields : [
'name', 'value'
],
url:'queryProvince'
});
storeProvince.load();
acceptManager_province = new Ext.form.ComboBox({
renderTo :'province',
store : storeProvince, //为省份填充数据
valueField : 'value',
displayField : 'name',
fieldLabel : '省份',
typeAhead : true,
mode : 'local',
forceSelection : true,
triggerAction : 'all',
emptyText : '',
selectOnFocus : true,
width:100,
tpl: '<tpl for="."><div ext:qtip="{name}" class="x-combo-list-item">{name}</div></tpl>',
listeners: {
'select': function(acceptManager_combo, record, index)
{
/*获取选中省份ID*/
var proId = record.get('value');
var dataSource = new Ext.data.HttpProxy({
method: 'POST',
url: 'queryCityPro'
});
acceptManager_storeCity.baseParams = {m_proId: proId};
acceptManager_storeCity.proxy = dataSource;
acceptManager_storeCity.load();
acceptManager_city.clearValue();
acceptManager_city.setValue("");
}}
});
/********省份end*****************/
//var acceptManager_data = [['全选','1'],['西安','2'],['深圳','3'],['北京','4'],['上海','5']];
/********城市start*****************/
acceptManager_storeCity = new Ext.data.SimpleStore({
fields: [
"name","value"
],
//proxy: new Ext.data.MemoryProxy(acceptManager_data)
url:'queryCity'
});
acceptManager_storeCity.load();

acceptManager_city = new Ext.form.MultiComboSearch({
renderTo :'city',
store:acceptManager_storeCity,
valueField :"value",
displayField: "name",
labelSeparator:':',
displaySeparator:',', //多选显示分隔字符
valueSeparator:',',//多选提交到后台的值分隔符
mode: 'local',
value:'',
forceSelection: true,
hiddenName:'test',
editable: false,
triggerAction: 'all',
emptyText:'',
fieldLabel: '城市',
width:100
});
/********省份end*****************/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值