jquery easyui combobox 级联及触发事件,combobox级联
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年12月29日 09:02:09 星期四
http://fanshuyao.iteye.com/
一、级联的代码:
$("#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://fanshuyao.iteye.com/