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}');

$("#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/