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/
jquery easyui combobox 级联及触发事件,combobox级联的更多相关文章
- 使用jQuery中trigger()方法自动触发事件
一.常用事件 在页面加载完成时 自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click") ...
- jQuery实现按Enter键触发事件?
按Enter触发 $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; ) ...
- Jquery EasyUI 各组件属性、事件详解
CSS类定义: div easyui-window window窗口样式 属性如下: 1) modal:是否生成模态窗口.tru ...
- jquery实现input输入框实时输入触发事件代码 ---jQuery 中bind(),live(),delegate(),on() 区别
复制代码 代码如下: <input id="productName" name="productName" value="" /> ...
- jQuery实现长按按钮触发事件的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jQuery实现按Enter键触发事件
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8& ...
- jquery点击元素之外触发事件
$("#errorMsg_layer").bind("click",function(e){ if($(e.target).closest("#err ...
- jquery实现input输入框实时输入触发事件代码
<input id="productName" name="productName" class="wid10" type=" ...
- jQuery实现回车键抬起触发事件
$(function(){ //回车键按下触发 $(document).keydown(function(event){ if(event.keyCode==13){ alert("niha ...
随机推荐
- python学习之optparse
Python 有两个内建的模块用于处理命令行参数: 一个是 getopt,<Deep in python>一书中也有提到,只能简单处理 命令行参数: 另一个是 optparse,它功能强大 ...
- 设计原则 Design Principle
Design Principle设计原则 最近由于碰到要参与设计一个音频处理系统,有人提议用一个大的全局变量结构体来做状态信息交流的地方,引起了我对设计一个系统的思考,于是找到了如下资料,当然,关于这 ...
- [读书笔记]了不起的node.js(三)
这周的nodejs学习内容为几个依赖包的使用,把书上的例子都敲了一遍.这篇就以例程为线索,复习一下一周的工作. 1.connect 这个例程主要是使用connect依赖包,connect提供一个中间件 ...
- android中OnItemClickListener的参数解释
@Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) {} ...
- 避免Java应用中NullPointerException的技巧和最佳实践
Java应用中抛出的空指针异常是解决空指针的最好方式,也是写出能顺利工作的健壮程序的关键.俗话说"预防胜于治疗",对于这么令人讨厌的空指针异常,这句话也是成立的.值得庆幸的是运用一 ...
- 一个简单的创建圆角图像的UIImage扩展实现
- (UIImage *)roundedCornerImageWithCornerRadius:(CGFloat)cornerRadius { CGFloat w = self.size.width; ...
- Modbus Poll :Byte Missing Error或CRC Error
原因: 1.通信线路受干扰或是路线接触不良: 用显示器测量物理电平信号 2.从机工作不正常: 检测电源不正常或查程序bug 3.PC主机串口不正常: PC串口2.3脚答短接用串口调试器测 ...
- whu 1464 deal with numbers
WHU 1464 deal with numbers 题意: 给你一串数字,对着串数字有三项操作: Minus a,b,c:对区间[a,b]总的每个数都减c. Division a,b,c:对区间[ ...
- MSSQLSERVER数据库- SQL删除重复数据的五种方式
删除重复的数据,在平时的工作中还是会和碰到的,感觉挺有用,从网上摘录的,记在这里,以备需要时查阅 --方法一,IN方式,适合2000/2005/2008,6728 毫秒 DELETE [student ...
- 关于 mysql.test 数据库
国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...