正文
jquery easyui combobox 级联及触发事件，combobox级联
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery easyui combobox 级联及触发事件，combobox级联
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年12月29日 09:02:09 星期四
http://www.cnblogs.com/fanshuyao/
一、级联的代码：
$("#drawCode").combobox({
onChange : function(newValue, oldValue){
if(isEmpty(newValue)){
$('#repayPalnCodePrincipal').combobox("loadData", []);
$('#repayPalnCodeInterest').combobox("loadData", []);
}else{
$('#repayPalnCodePrincipal').combobox({
url : basePath + '/getListDrawRepayPaln?repayType=1&drawId='+newValue,
valueField : 'repayPalnId',
textField : 'repayPalnCode',
onLoadSuccess : function(){
var repayPalnId = "${paymentDraw.repayPalnId}";
if(!isEmpty(repayPalnId)){
$(this).combobox("setValue", repayPalnId);
}
}
});
$('#repayPalnCodeInterest').combobox({
url : basePath + '/getListDrawRepayPaln?repayType=2&drawId='+newValue,
valueField : 'repayPalnId',
textField : 'repayPalnCode',
onLoadSuccess : function(){
var repayPalnId = "${paymentDraw.repayPalnId}";
if(!isEmpty(repayPalnId)){
$(this).combobox("setValue", repayPalnId);
}
}
});
}
}
});
二、jquery combobox中如何触发onchange事件呢？
jquery使用$("#xxxx").change();可以主动触发onchange事件，但在easyui不行。
经过测试，可以通过赋值触发easyui的onchange事件，如下：
$("#drawCode").combobox("setValue", '${paymentDraw.drawId}');
需要注意的是：不能在combobox中的data-options直接加上value：‘xxxxx’直接赋值，这样是不会触发onchange事件的。
第二个combobox加载完赋值是通过onLoadSuccess事件的：
$('#repayPalnCodePrincipal').combobox({
url : basePath + '/getListDrawRepayPaln?repayType=1&drawId='+newValue,
valueField : 'repayPalnId',
textField : 'repayPalnCode',
onLoadSuccess : function(){
var repayPalnId = "${paymentDraw.repayPalnId}";
if(!isEmpty(repayPalnId)){
$(this).combobox("setValue", repayPalnId);
}
}
});
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年12月29日 09:02:09 星期四
http://www.cnblogs.com/fanshuyao/
