EasyUI datetimebox 的onchange事件的问题

最近用了EasyUI的datetimebox时间控件,发现了一个问题,onchange事件在第一次给控件初始化的时候也会调用。本来页面是先初始化,再在时间发生更改的时候调用一个函数,这样在初始化就调用了一次onchange中的方法,比较的不好。
为了解决这个问题,想在控件第一次初始化的时候不调用我们写的onChange方法,可以用以下方法:

    $('#test').datetimebox({
    stopFirstChangeEvent: true,
    onChange: function() {
        var options = $(this).datetimebox('options');
        if(options.stopFirstChangeEvent) {
            options.stopFirstChangeEvent = false;
            return;
        }
        //以下写onchange的逻辑
        alert('');
        ...
    }
});
$('#test').datetimebox('setValue',初始值);

以上是在控件的options对象中增加了一个stopFirstChangeEvent变量,来标识是否阻止控件第一次初始化的时候就调用我们写的方法。在第一次运行完了之后,便设置为false,这样在以后控件的内容发生变化的时候,就又可以调用我们写的方法了。
这样做了之后,没想到又出现了一个问题,当控件的初始值为
空的时候,再当我们用控件的时候,却需要点击两次才会调用我们写的onchange逻辑。猜测可能是easyui控件的初始化是当赋值为空的时候,不会调用onchange事件,为了解决这个问题,又可以将代码这样修改:

    $('#test').datetimebox({
    stopFirstChangeEvent: true,
    onChange: function() {
        var options = $(this).datetimebox('options');
        if(options.stopFirstChangeEvent) {
            options.stopFirstChangeEvent = false;
            return;
        }
        //以下写onchange的逻辑
        alert('');
        ...
    }
});
if(初始值 != null){
    $('#test').datetimebox('setValue',初始值);
}else{
    $(this).datetimebox('options').stopFirstChangeEvent = false;

}

也就是当初始值为空的时候,我们手动更改自定义的stopFirstChangeEvent为false即可,这样基本就可以让easyUI的datetimebox控件的onchange事件达到我们想要的效果。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值