为了解决这个问题,想在控件第一次初始化的时候不调用我们写的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事件达到我们想要的效果。