Sencha Touch2 项目实战(App history篇1)

首先创建一个本地项目并部署到IIs下， 创建命令 cd   sencha-touch-2.0.0-gpl 目录下 用命令行 sencha generate app AppDemo ../AppDemo  

研究了一天如何用sencha touch2 自动自然浏览器history,由于sencha touch2 本来就没有页面间实质性跳转.所有功能就在index.html加载好之后通过Javascript组建动态创建.以及动态管理视图之间的状态.以及视图间的路由,如果用过MVC 开发应该对这个概念比较熟悉.

sencha touch2 本身是底层是提供了对组件的深度链接. 可能是我们的项目的特殊性,需要能同时支持浏览器BACK 按钮,以及自定义Back Button 对History组建(view) 的返回. 可能很多朋友会遇到和我一样的问题.在文档以及GOOGLE 都不能很容易的找到这个的答案.

很显然Sencha Touch2 是有一个 类 Ext.app.History, 通过源代码分析 找到了解决方案.直接进入正题.

1 首先看看项目的基本结构.如下图

1.首先我们准备3个页面,第一个首页,显示一些列商品列表;

2.产品详细页面通过单击产品列表项跳转过去.

3.用户Profile页面.此页面撒都没有只是简单的呈现一些基本的东西,通过产品详细页面的一个goto profile 那个丑陋的Button 跳转过去.

此三个页面如下图所示:

请看Sencha Touch2 项目实战(App history篇) 2具体实现方式.