sencha touch 视图(view) activate与deactivate事件探讨

在sencha touch2.2中采用card布局

之前的需求是考虑show，hide事件发现不可取

http://www.cnblogs.com/mlzs/archive/2013/06/13/3134162.html

假设有home，list，info三个界面，监控list的activate，deactivate事件

视图展示顺序为home-》list-》info切父容器为NavigationView

从home进入到list，会触发activate事件

从list返回到home，会触发deactivate事件

从info返回到list，会触发activate事件

基本上能满足一定的需求。

不过值得注意的是，在面对比较复杂的需求时，比如说移除info页面然后再添加一个login页面，也会触发list的activate事件

你可能感兴趣的:(Sencha Touch)

  • Humanize 项目教程 尤嫒冰
    Humanize项目教程humanizeAJSlibraryforaddinga“humantouch”todata.项目地址:https://gitcode.com/gh_mirrors/humani/humanize项目介绍Humanize是一个开源项目，旨在将机器生成的文本转换为更加自然、人性化的文本。该项目通过先进的算法和自然语言处理技术，使得AI生成的内容更加贴近人类的表达方式，从而提高
  • Something About Sailing the Oceans 芙湘人
    Manyyearsago,Isawamoviecalled:1492ConquestofParadise.AlthoughIhaveforgottendetailsofthemovie,Istillrememberitsthemesong"SAILING".Iamsotouchedbythissongthatiwillcrywhenlistentoit.Ireadapassagenamed""SA
  • 配置 yum本地源 linnux领域 linux
    1.挂载mount/dev/sr0/mnt2.创建centos目录mkdir/opt/centos3.将挂载内容复制到centos目录下cp-rfv/mnt/*/opt/centos4.创建yum备份目录mkdir/opt/yum5.备份mv/etc/yum.repos.d/*/opt/yum6.创建配置文件，文件名自定义touch/etc/yum.repos.d/local.repo7.编辑lo
  • 基于react native的锚点 miao_zz Reactreact-nativereactnativeandroidreact.js
    基于reactnative的锚点效果示例图示例代码效果示例图示例代码/*eslint-disablereact-native/no-inline-styles*/importReact,{useEffect,useRef,useState}from'react';import{Image,ImageBackground,ScrollView,StyleSheet,Text,TouchableOpa
  • 第十章 【后端】环境准备（10.6）——Redis yu玉米mi redis数据库缓存
    10.6RedisRedis尚未在Windows上得到正式支持，推荐Docker安装Redis。下载镜像文件dockerpullredis创建实例并启动mkdir-p/mydata/redis/conftouch/mydata/redis/conf/redis.confdockerrun-p6379:6379--nameredis--restart
  • vue对话框禁止后面页面滚动条滚动的解决方式 小橘碎碎记 vue.jsjavascript前端
    转载https://www.cnblogs.com/mxl123/p/11818125.htmlstopSrcoll(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},open
  • vue如何禁止弹窗后面的滚动条滚动？ IT侠客行 Vue.js
    methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow=‘hidden’;document.addEventListener(“touchmove”,mo,false);//禁止页面滑动},/取消滑动限制/move(){varmo=function(e){e.preventD
  • 禁止弹窗底部页面滑动解决方案整理 七月的你 项目中问题解决方案整理javascriptjscssvue.jshtml
    1.如果弹窗内容不可滑动，仅展示方案一：只需要给弹窗蒙层加上@touchmove.prevent即可实现，无兼容性问题方案二：在弹窗蒙层加上touch-action:none;在iPhone5和ipad上可能会没有效果方案三：打开弹窗时，设置body的overflow属性为hidden并阻止默认事件document.body.style.overflow='hidden';varfn=functi
  • 工具知识 | Linux 常用命令参考手册 TrustZone_Hcoco 工具技能知识点学习linux运维服务器
    目录文件查看文件内容headtailcatnlmore创建touchmkdirmktemp删除rmrmdir查找文件findlocatelspwdwcchattrpastestatgrepsedcdcpmvopensourcetreelnfilesortuniqsplitvim系统管理nohupwatchpingwhichshutdownrebootuptimecrontabatunameifco
  • Linux操作命令学习笔记 Erii要早睡 linux学习
    Linux操作命令学习笔记常用操作命令（以下均严格区分大小写）查看文件以及文件夹：ls命令ls-a（显示隐含文件，如以.开头的文件)ls-l(长格式输出，和ll命令效果近似)ls-R（递归显示）查看当前路径：pwd命令新建目录：mkdir命令mkdir-p（创建多级目录）切换工作目录：cd命令创建文件：touch命令（重复创建可以更新修改时间）文件复制：cp命令cp-R（递归复制）文件移动：mv命
  • 猫の纸片（1186）安达充③ 自选复制原画集 H2 矮子猫
    这套《H2》的自选复制原画集很明显跟上一套《Touch》的自选复制原画集是亲兄弟，各方面都一样。比如都是B4的尺寸，12张，都是一个外壳套着，打开是硬纸板夹着原画，硬纸板里还有图案，总之强迫症放一起就很舒服。这套是1995年出版，出版时间相隔了9年。下面是12张图：我个人私心更喜欢《touch》的，但是《h2》这套品相好……哈哈。╮(╯▽╰)╭猫の纸片（981）安达充青春甲子园、初恋甲子园和哭泣甲
  • 【Linux】从入门到放弃--常见指令以及权限理解 伍伍1GB Linuxlinux运维服务器
    目录一、入门入门，首先要有门--环境搭建二、门的那边是什么--Linux是个啥三、入门先迈左脚--Linux下的基本指令01、ls指令——ls[选项][目录或文件]02、pwd指令——pwd03、cd指令——cd[目录名]04、touch指令——touch[所创建的文件名称]05、mkdir指令——mkdir[所创建的目录名称，例如“dirname”]06、rmdir指令&&rm指令——rmdir
  • error C2664: “void std::_Pmf_wrap qqbaby2005 cocos2d-xcocos2dxvs2013erro
    使用vs2013编写cocos2dx的代码：_touchListener=EventListenerTouchOneByOne::create();_touchListener->setSwallowTouches(true);_touchListener->onTouchBegan=CC_CALLBACK_2(HelloWorld::onTouchBegan,this);_touchListen
  • 19-进阶：Canvas 画板续（兼容触屏设备） 格林姆大师
    本节知识点JS知识点touch事件触屏设备上，mouse事件已不适用，需转换为touch事件；检测是否为触屏设备方法1：//开始绘画if('ontouchstart'inwindow){touchDrawStart();}else{mouseDrawStart();}方法2：//开始绘画if('ontouchstart'inwindow){touchDrawStart();}else{mouseD
  • web前端 ios性能问题 zhenryx 前端
    1.禁止用户拖拽标签-webkit-user-drag:none;2.禁止用户选择标签user-select:none;//-webkit-touch-callout:none;///*系统默认菜单被禁用*/-webkit-user-select:none;/*webkit浏览器*/-khtml-user-select:none;/*早期浏览器*/-moz-user-select:none;/*火
  • 移动端拖动元素导致页面返回上一层 技术钱 javascript笔记javascriptjquery
    在开发移动端时候遇到了一个问题，拖着滑动元素会触发手机自带的事件，导致滑动不了或者是切屏了，目前找到了以下的解决方法：html{touch-action:none;touch-action:pan-y;}varstartX,startY;document.addEventListener("touchstart",function(e){startX=e.targetTouches[0].page
  • Android View事件分发面试问题及回答 jiet_h 面试android面试
    问题1:请简述Android中View的事件分发机制是如何工作的？答案:在Android中，事件分发机制主要涉及到三个主要方法：dispatchTouchEvent(),onInterceptTouchEvent(),和onTouchEvent().当一个触摸事件发生时，首先被Activity的dispatchTouchEvent()方法接收，然后按照View树从顶部到底部的顺序传递给每个子Vie
  • 【Keep在口语里的16个地道用法】 MsReevs
    1.Keepitreal.莫装逼。2.keepyoucompany.陪在你身边。3.keepintouch!保持联系。4.Keeptrying!继续努力。5.Keepquiet!安静！6.Keepittoyourself!Keepitasecret.保密。7.Keepupthegoodwork!好好干！8.Keepyourchinup!别灰心，打起精神来。9.Keepyourshirton!别着急
  • JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage 垦利不 javascript开发语言ecmascript
    目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装（vue中建议）使用SwiperHTML结构初始化Swiper4.zyMedia插件简介4.1下载与引入4.2使用4.3js初始化4.4参数说明5.bootstrap的安装和使用5
  • react- native创建pdf 孟宪磊mxl react.jspdf前端reactnative
    npmireact-native-html-to-pdf向AndroidManifest.xml添加以下WRITE_EXTERNAL_STORAGE权限：使用：importReact,{Component}from'react';import{Text,TouchableHighlight,View,}from'react-native';importRNHTMLtoPDFfrom'react-n
  • 搜维尔科技：研究和使用Geomagic Touch X触觉反馈设备进行医疗模拟 北京搜维尔科技有限公司 科技
    研究和使用GeomagicTouchX触觉反馈设备进行医疗模拟搜维尔科技：研究和使用GeomagicTouchX触觉反馈设备进行医疗模拟
  • 搜维尔科技：使用Geomagic Touch X 对机械臂进行远程遥操作 北京搜维尔科技有限公司 科技
    使用GeomagicTouchX对机械臂进行远程遥操作搜维尔科技：使用GeomagicTouchX对机械臂进行远程遥操作
  • mariadb安装 玄天剑锋 数据库mysql运维
    1.配置官方的mariadb的yum源,手动创建mariadb.repo仓库文件touch/etc/yum.repos.d/mariadb.repo然后写入如下内容[mariadb]name=MariaDBbaseurl=http://mirrors.ustc.edu.cn/mariadb/yum/10.5/centos7-amd64/gpgkey=https://yum.mariadb.org/
  • Linux操作文件和文件夹的常用基础命令 细节的温柔 opensnnlinux服务器运维
    文件和文件夹的查看ls：列出当前目录中的文件和文件夹。ls-l：以长格式列出文件信息，包括权限、所有者、大小、修改时间等。ls-a：显示隐藏文件（以.开头的文件）。ls-h：以人类可读的格式显示文件大小。文件和文件夹的创建touchfilename：创建一个新的空文件。mkdirdirname：创建一个新的文件夹。mkdir-p/path/to/dir：递归创建多级目录。文件和文件夹的复制cpso
  • 关于100个linux常用的命令 编织幻境的妖 linux服务器运维
    ls：列出目录内容。cd：切换目录。pwd：显示当前工作目录的路径。mkdir：创建新目录。rm：删除文件或目录。cp：复制文件或目录。mv：移动或重命名文件或目录。rmdir：删除空目录。touch：创建新的空文件或更改现有文件的时间戳。cat：显示文件内容。more：分页显示文件内容。less：分页显示文件内容，比more更高级。head：显示文件的前几行。tail：显示文件的后几行。wc：显
  • iOS 中，用户点击一个按钮到响应的全部流程 ilycyq ioscocoamacos网络objective-c
    在iOS中，当用户点击一个按钮（或其他UI控件）时，会触发一系列复杂的操作流程，从硬件到软件，再到应用层的事件处理。以下是从用户点击一个按钮到应用响应的完整流程：硬件层：触摸事件的生成•用户用手指点击屏幕。•屏幕（电容式触摸屏）检测到用户的触摸事件。触摸屏幕的电容变化会被屏幕的传感器检测到。•触摸控制器（TouchController）将这些电容变化转化为电信号。硬件驱动层：事件传递到操作系统内核
  • Touch Foam - Technical support 佩奇_3b9d
    IfyouhaveanyquestionsorSuggestionsduringthegame,pleasecontactusthroughthefollowingcontactinformation.Contactphone：+8617151768845Contactemail：[email protected]
  • 阶段练习——minishell 求学者1.0 linuxc语言学习
    目录（一）文件复制（my_cp函数）（二）文件内容查看（my_cat函数）（三）切换目录（my_cd函数）（四）列出目录内容（my_ls函数）（五）详细列出目录内容（my_ll函数）（六）创建符号链接（my_symlink函数）（七）创建硬链接（my_link函数）（八）删除文件（my_rm函数）（九）创建空文件（my_touch函数）（十）移动文件（my_mv函数）（十一）主函数（main函数）
  • uniapp 判断左滑右滑 楚城相拥 uniapp前端uni-app
    判断左右滑的逻辑很简单，稍微改一下也能判断上下滑动1.在盒子里分别定义手指按下离开事件2.定义变量，按下时间，开始位置，结束位置startTime:0,startPosition:0,endPosition:03.结束所在位置-按下时所在位置=滑动的距离//起点touchStart(event){this.startTime=Date.now()this.startPosition=event.c
  • uniapp小程序怎么判断滑动的方向 牧杉-惊蛰 uni-app
    项目场景：获取手机上手指滑动的距离超过一定距离来操作一些逻辑解决方案：在uniapp中，可以通过监听触摸事件来判断滑动的方向。常用的触摸事件包括touchstart,touchmove,和touchend。通过这些事件的参数，可以计算出用户的滑动起点和终点，进而判断滑动方向touchStart方法记录了触摸开始时的坐标，touchMove方法在触摸移动时更新了坐标，touchEnd方法则在触摸结束
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他