您的位置:首页 > 产品设计 > UI/UE

EasyUI Combobox 二级联动

2016-03-04 17:46 549 查看
总结了一下EASYUI combobox组件二级联动的具体方法

01
$(
function
(){
02
        
var
 
provinceId = $(
'#provinceId'
).combobox({
03
            
url:
'${pageContext.request.contextPath}/region/province/json.htm'
,
04
            
editable:
false
,
05
            
valueField:
'id'
,
06
            
textField:
'name'
,
07
            
onSelect:
function
(record){
08
                
//刷新数据,重新读取省份下的城市,并清空当前输入的值
09
                
cityId.combobox({
10
                    
disabled:
false
,
11
                    
url:
'${pageContext.request.contextPath}/region/city/'
+record.id+
'/json.htm'
,
12
                    
valueField:
'id'
,
13
                    
textField:
'name'
14
                
}).combobox(
'clear'
);
15
            
}
16
        
});
17
        
var
 
cityId = $(
'#cityId'
).combobox({
18
            
disabled:
true
,
19
            
url:
'${pageContext.request.contextPath}/region/city/'
+provinceId.val()+
'/json.htm'
,
20
            
valueField:
'id'
,
21
            
textField:
'name'
22
        
});
23
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  easyui 前端