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. NOIP2014 无线网络发射器选址

    1.无线网络发射器选址 (wireless.cpp/c/pas) [问题描述] 随着智能手机的日益普及,人们对无线网的需求日益增大.某城市决定对城市内的公共场所覆盖无线网. 假设该城市的布局为由严格平 ...

  2. Bzoj 4556: [Tjoi2016&Heoi2016]字符串

    4556: [Tjoi2016&Heoi2016]字符串 Time Limit: 20 Sec  Memory Limit: 128 MBSubmit: 177  Solved: 92[Sub ...

  3. 解决dwr报错【 Error: java.lang.SecurityException: No class by name: service】

    打开包含dwr的网页时后台报错: 警告: Names of known classes are: __System DwrQueryService 十二月 11, 2015 10:24:44 上午 o ...

  4. poj1743--Musical Theme(后缀数组)

    题意:求一列数字中走向相同的两个字序列,长度要求大于5 题解:相邻数字求差,原题就变成求相同的长度大于4的子串. [存疑:在保证两个子串不相交时觉得限定条件应该是大于x,但是wa了= = 不是很理解] ...

  5. 获取最外层View

    获取最外层View activity.getWindow().getDecorView()

  6. Java深度遍历文件夹(递归实现)

    package FileDemo; import java.io.File; public class DeepSearchDir { /** * @param args */ public stat ...

  7. Keil uCos 2.52 stm32 【worldsing笔记】

    1.uCOSii V2.52    a.加了7个可以配置的钩子函数宏     #define OS_TASK_CREATE_HOOK_EN    0    /* 任务创建时调用钩子函数      使能 ...

  8. 推荐《C Primer Plus(第五版)中文版》【worldsing笔记】

      老外写的C书,看了你会有一种哇塞的感觉,这里提供PDF扫描版的下在,包含数内的例程,请大家支持原版!! C Primer Plus(第五版)中文版.pdf  下载地址:http://pan.bai ...

  9. HBase in 2013

    2013年马上就要过去了,总结下这一年HBase在这么一年中发生的主要变化.影响最大的事件就是HBase 0.96的发布,代码结构已经按照模块化release了,而且提供了许多大家迫切需求的特点.这些 ...

  10. MySQL Cluster初步测试结果汇总图示报告 --> 用mysqlslap与sysbench进行测试

    Cluster结构图                                       测试环境简介 Mysql cluster集群测试环境 4 data node,32G 8核cpu 4 ...