Ext.util.ClickRepeater 事件的配置和触发

iteye_9439

于 2013-07-03 11:55:33 发布

阅读量219

点赞数

分类专栏： ExtJs 文章标签： Ext.util.ClickRepeater

ExtJs 专栏收录该内容

31 篇文章

订阅专栏

本文介绍Ext.util.ClickRepeater组件的使用方法，该组件继承自Ext.util.Observable，用于实现click事件的转发和绑定。通过示例展示了如何配置ClickRepeater的延迟时间、重复点击间隔及触发事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[color=red]Ext.util.ClickRepeater 继承Ext.util.Observable的包装类，可应用于任何Element。是一个click的转发器，起到click事件的转发和绑定作用，是所有事件绑定的原始类。

初始化Ext.util.ClickRepeater，配置并触发click , mousedown , mouseup 等事件。[/color]

<script type="text/javascript">
Ext.onReady(function(){
var pan=new Ext.Panel({
title:'event',
html:'<div id="mydiv"><input type="button" value="点击" name="but"/></div>',
height:200,
width:300
});
pan.render("hr_panel");
var el=Ext.get("mydiv");
//实例化并初始化
var cl=new Ext.util.ClickRepeater(el,{
delay:300, //首次重复的时间间隔
interval:3002, //发生完首次重复点击后，若第二次再重复点击的时间间隔
stopDefault:true,
pressClass:'pl',
handler:function rep(){
Ext.MessageBox.alert("点击提示","点击触发了！");
}
});
});
</script>