sencha touch list(列表) item(单行)单击事件触发顺序
2013-08-01 16:07
369 查看
测试代码如下
测试结果:
当按键长按时事件触发顺序依次为:itemtaphold -》 按键松开之后 -》 itemtouchend -》 itemtap -》 itemsingletap
当按键轻点时事件触发顺序依次为:itemtouchend -》 itemtap -》 itemsingletap
总结:
itemtouchend,itemtap,itemsingletap事件必然触发
itemtaphold事件只在长按时触发
如果需要同时监控长按和轻触事件,需要加入判断参数来防止事件误触发。
1 Ext.define('app.view.new.List', { 2 alternateClassName: 'newList', 3 extend: 'app.view.util.MyList', 4 requires: ['app.view.new.Info'], 5 xtype: 'newList', 6 config: { 7 store: 'newList', 8 listeners: { 9 itemtaphold: function(list) { 10 console.log(11); 11 }, 12 itemtouchend: function(list) { 13 console.log(22); 14 }, 15 itemtap: function(list, index, target, record, e, eOpts) { 16 console.log(33); 17 }, 18 itemsingletap: function(list) { 19 console.log(44); 20 } 21 }, 22 itemTpl: new Ext.XTemplate('<div class="left w20"><div class="img" style="background: url({litpic}) no-repeat center;background-size: 100%;"></div></div>', '<div class="right w80"><div class="row">{title}</div><div class="row grayF">{time}</div></div>') 23 } 24 });
测试结果:
当按键长按时事件触发顺序依次为:itemtaphold -》 按键松开之后 -》 itemtouchend -》 itemtap -》 itemsingletap
当按键轻点时事件触发顺序依次为:itemtouchend -》 itemtap -》 itemsingletap
总结:
itemtouchend,itemtap,itemsingletap事件必然触发
itemtaphold事件只在长按时触发
如果需要同时监控长按和轻触事件,需要加入判断参数来防止事件误触发。
相关文章推荐
- sencha touch list(列表) item(单行)单击事件触发顺序
- [Sencha ExtJS Modern & Touch] 让长按(taphold/itemtaphold)操作完成后不触发点击(tap/itemtap)事件
- Android RecyclerView单击、长按事件标准实现:基于OnItemTouchListener + GestureDetector
- 如何在Sencha Touch List Item中添加一个Button
- android onClick,onLongClick,onTouch事件机制和触发顺序
- android listview综合使用示例_结合数据库操作和listitem单击长按等事件处理
- sencha touch的list组件item不能点击了
- sencha-touch1.1中如何对list表item进行选中
- [Sencha Touch/ExtJS] (函数节流)阻止用户快速频繁点击,导致多次触发点击事件
- android listview综合使用示例_结合数据库操作和listitem单击长按等事件处理
- [Phonegap+Sencha Touch] 移动开发26 Android下的sencha touch程序,转屏时,Ext.Viewport不能触发orientationchange事件的解决办法
- [Phonegap+Sencha Touch] 移动开发72 List列表横向滑动操作(仿QQ列表滑动删除)
- Sencha touch navigation 内嵌list,itemTap第二次点击不跳转的问题
- sencha touch 在新版谷歌浏览器中painted事件无法触发解决方案以及carousel 控件、togglefield控件、滚动条失效
- android listview综合使用示例_结合数据库操作和listitem单击长按等事件处理
- Android开发中自定义ListView中存在ImageButton不响应ListItemClick单击事件详细d飞解决办法
- sencha touch list(列表)、 store(数据源)、model(模型)详解
- android listview综合使用演示样例_结合数据库操作和listitem单击长按等事件处理
- android listview综合使用演示样例_结合数据库操作和listitem单击长按等事件处理
- sencha touch list更新单行数据