由于项目中使用了EasyUI,之前很少使用,所以不是很了解EasyUI的事件处理。今天第一次使用,中间遇到不少问题,测试了很久才解决,网上查了一些资料都说的不够详细,API文档中描述的也只是一半,所以导致走了不少弯路。
使用EasyUI的事件来触发其他任务时,需将事件的调用写在页面ready方法中,这样事件才会生效,注意事件需要使用ID标识查找添加事件的控件,而不能使用其他匹配方式。这个地方我用input[name="xx"]方式无效,且id中带不能点操作符(如AA.BB)。完整代码如下,#dd标识触发事件的一个日期控件;onSelect是日期控件中EasyUI提供的事件;其他EasyUI控件提供的事件使用类似该方法。代码中的测试语句完全摘自EasyUI文档中的实例代码。
<script>
$().ready(function(){
$('#dd').datebox({
onSelect: function(date){
alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
}});
});
</script>