PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2290|回复: 7

Sencha Touch TextArea 如何支持滑动

[复制链接]

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
发表于 2013-7-26 20:10:01 | 显示全部楼层 |阅读模式
Sencha Touch TextArea 如何支持滑动,有没有相关插件或者代码  求解
it营
回复

使用道具 举报

485

主题

2012

帖子

6534

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6534
发表于 2013-7-26 20:12:34 | 显示全部楼层

Sencha Touch TextArea 如何支持滑动

看看下面的 Sencha Touch TextArea 滑动代码
  1.     Ext.define('Sai.view.TextArea', {  
  2.         extend: 'Ext.form.TextArea',  
  3.         xtype:'scrollTextArea',  
  4.        initialize: function() {  
  5.           this.callParent();  
  6.           this.element.dom.addEventListener(  
  7.              Ext.feature.has.Touch ? 'touchstart' : 'mousedown',  
  8.              this.handleTouchListener = Ext.bind(this.handleTouch, this),  
  9.              false);  
  10.           this.element.dom.addEventListener(  
  11.              Ext.feature.has.Touch ? 'touchmove' : 'mousemove',  
  12.              this.handleMoveListener = Ext.bind(this.handleMove, this),  
  13.              false);  
  14.           this.moveListenersAttached = true;  
  15.        },  
  16.        destroy: function() {  
  17.              if (this.moveListenersAttached) {  
  18.              this.moveListenersAttached = false;  
  19.              this.element.dom.removeEventListener(  
  20.                 Ext.feature.has.Touch ? 'touchstart' : 'mousedown',  
  21.                 this.handleTouchListener,  
  22.                 false);  
  23.              this.element.dom.removeEventListener(  
  24.                 Ext.feature.has.Touch ? 'touchmove' : 'mousemove',  
  25.                 this.handleMoveListener,  
  26.                 false);  
  27.              this.handleTouchListener = this.handleMoveListener = null;  
  28.           };  
  29.           this.callParent();  
  30.        },  
  31.        handleTouch: function(e) {  
  32.           this.lastY = e.pageY;  
  33.        },  
  34.           handleMove: function(e) {  
  35.               var textArea = e.target;  
  36.               var top = textArea.scrollTop <= 0;  
  37.               var bottom = textArea.scrollTop + textArea.clientHeight >= textArea.scrollHeight;  
  38.               var up = e.pageY > this.lastY;  
  39.               var down = e.pageY < this.lastY;  
  40.               this.lastY = e.pageY;  
  41.            
  42.               if((top && up) || (bottom && down))    e.preventDefault();  
  43.             
  44.               if(!(top && bottom))    e.stopPropagation();  
  45.           }  
  46.     });  
复制代码
it营
回复 支持 反对

使用道具 举报

485

主题

2012

帖子

6534

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6534
发表于 2013-9-27 15:45:06 | 显示全部楼层
过来看看的
回复 支持 反对

使用道具 举报

0

主题

59

帖子

60

积分

注册会员

Rank: 2

积分
60
发表于 2013-9-27 15:58:11 | 显示全部楼层
帮帮顶顶!!
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
 楼主| 发表于 2013-9-27 16:11:34 | 显示全部楼层
学习了,谢谢分享、、、
回复 支持 反对

使用道具 举报

485

主题

2012

帖子

6534

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6534
发表于 2013-9-28 00:28:38 | 显示全部楼层
过来看看的
回复 支持 反对

使用道具 举报

6

主题

176

帖子

198

积分

注册会员

Rank: 2

积分
198
发表于 2013-9-28 20:58:44 | 显示全部楼层
我是个凑数的。。。
回复 支持 反对

使用道具 举报

3

主题

11

帖子

82

积分

注册会员

Rank: 2

积分
82
发表于 2014-5-19 12:46:05 | 显示全部楼层
操,这就看懂了?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-1-19 21:15 , Processed in 0.263945 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表