zoukankan      html  css  js  c++  java
  • 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事件达到我们想要的效果。
  • 相关阅读:
    GCD 使用说明
    iOS操作系统的层次结构
    Objective-C 类型转换
    UIView和Masonry实现动画效果
    iOS 常用手势
    SDUT 2610 Boring Counting(离散化+主席树区间内的区间求和)
    HDU 4417 Super Mario(主席树求区间内的区间查询+离散化)
    NBUT 1525 Cow Xor(01字典树+前缀思想)
    HDU 4825 Xor Sum(经典01字典树+贪心)
    HDU 1069 Monkey and Banana(二维偏序LIS的应用)
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13317802.html
Copyright © 2011-2022 走看看