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

最新推荐文章于 2024-02-28 17:20:58 发布

最新推荐文章于 2024-02-28 17:20:58 发布 · 231 阅读

文章标签：

#Ext.util.ClickRepeater

ExtJs 专栏收录该内容

31 篇文章

订阅专栏

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

[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>