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级联的更多相关文章

  1. 使用jQuery中trigger()方法自动触发事件

    一.常用事件 在页面加载完成时  自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click") ...

  2. jQuery实现按Enter键触发事件?

    按Enter触发 $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; ) ...

  3. Jquery EasyUI 各组件属性、事件详解

    CSS类定义: div easyui-window                               window窗口样式 属性如下: 1)       modal:是否生成模态窗口.tru ...

  4. jquery实现input输入框实时输入触发事件代码 ---jQuery 中bind(),live(),delegate(),on() 区别

    复制代码 代码如下: <input id="productName" name="productName" value="" /> ...

  5. jQuery实现长按按钮触发事件的方法

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. jQuery实现按Enter键触发事件

    <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8& ...

  7. jquery点击元素之外触发事件

    $("#errorMsg_layer").bind("click",function(e){ if($(e.target).closest("#err ...

  8. jquery实现input输入框实时输入触发事件代码

    <input id="productName" name="productName" class="wid10" type=" ...

  9. jQuery实现回车键抬起触发事件

    $(function(){ //回车键按下触发 $(document).keydown(function(event){ if(event.keyCode==13){ alert("niha ...

随机推荐

  1. 问题:关于坛友的一个js轮播效果的实现

    需求:点击向前按钮进行向前翻页,向后按钮进行向后翻页,点击中间蓝色小圆圈可以来回自由切换 我的大概思路:先默认显示一个div  然后在原位置在隐藏一个div   给按钮添加click事件,转到下一个时 ...

  2. 【暑假】[实用数据结构]UVa11235 Frequent values

    UVa 11235 Frequent values Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 11241   Accep ...

  3. 题解西电OJ (Problem 1006 - 转盘游戏)--动态规划

    题目链接 : http://acm.xidian.edu.cn/land/problem/detail?problem_id=1006 Description wm最近喜欢上一种无聊的转盘解锁游戏,他 ...

  4. Visual Studio C++ Command Line

    最近在Visual Studio 2012进行vp8的开发,之前一直都是在ubuntu上进行开发,关于编译链接的一些选项可直接在makefile中定义,比如vp8的头文件都放在include文件下面, ...

  5. Java中4大基本加密算法解析

    简单的java加密算法有: BASE64 严格地说,属于编码格式,而非加密算法 MD5(Message Digest algorithm 5,信息摘要算法) SHA(Secure Hash Algor ...

  6. 宿舍局域网与Internet连接

    写在前面的话 一般情况下,大多数组建了校园网的学校都为学生宿舍提供了连接Internet接口,所以只需要通过网线将宿舍网的集线器与校园网提供的接口进行连接即可接入Internet.宿舍网接入Inter ...

  7. Java & XML Tool Overview

    As mentioned in the introduction Sun now provides these tools for XML Processing in Java: StAX Reade ...

  8. DTD - Elements

    In a DTD, elements are declared with an ELEMENT declaration. Declaring Elements In a DTD, XML elemen ...

  9. Appium Android定位元素与操作

    文章写得很好,转载备用 一.常用识别元素的工具 uiautomator:Android SDK自带的一个工具,在tools目录下 monitor:Android SDK自带的一个工具,在tools目录 ...

  10. JavaScript 的原型对象 Prototype

    在 JavaScript 中,每当定义一个对象(或函数)时候,对象中都会包含一些预定义的属性,其中一个属性就是原型对象 prototype. var myObject = function( name ...