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/