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. C++ 继承之虚继承与普通继承的内存分布

    仅供互相学习,请勿喷,有观点欢迎指出~ class A { virtual void aa(){}; }; class B : public virtual A { ]; //加入一个变量是为了看清楚 ...

  2. uvalive 4589 Asteroids

    题意:给两个凸包,凸包能旋转,求凸包重心之间的最短距离. 思路:显然两个凸包贴在一起时,距离最短.所以,先求重心,再求重心到各个面的最短距离. 三维凸包+重心求法 重心求法:在凸包内,任意枚举一点,在 ...

  3. JSFのAjaxタグのoneventでbegin/complete/successを使う

    PrimeFacesに慣れてしまって.通常のHTMLタグでの記述方法がわからなかったりする点があった…ので.メモ. Ajaxでリクエスト送信のタイミングやレスポンスが戻るタイミングに何らか(JavaS ...

  4. 现代程序设计——homework-02

    关于题目: 题目地址:http://www.cnblogs.com/xinz/p/3318230.html 首先,不得不说自从写完第一次作业,我就开始“抠”这个题,第一眼看这个题就感觉好“坑”,读一遍 ...

  5. Umbraco中的ModelBuilder

    Umbraco中的ModelBuilder有以下几种形式 Pure Live models Dll models LiveDll models AppData models LiveAppData m ...

  6. Bugs及解决方案列表

    Bugs及解决方案列表(以下实例默认运行环境都为Standard mode): 如何在IE6及更早浏览器中定义小高度的容器? 方法: #test{overflow:hidden;height:1px; ...

  7. Struts—自定义一个简单的mystruct

    传统mvc开发总结: 1. 跳转代码写死,不灵活 2. 每次都去写servlet,web.xml中配置servlet! (配置目的: 请求, Servlet处理类) 一个简单的struct案例,描述如 ...

  8. 使用hexdump 查看二进制文件

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html 内部邀请码:C8E245J (不写邀请码,没有现金送) 国 ...

  9. HDU 4608 I-number(模拟)

    I-number Time Limit: 5000ms   Memory limit: 65536K  有疑问?点这里^_^ 题目描写叙述 The I-number of x is defined t ...

  10. HubbleDotNet 学习之路

    1.创建后台任务实现自动同步更新表数据.打开工具后点击“management”选项卡,选择“task scheduler management”,在弹出的窗口中点击右侧的"add" ...