ext-ui.com

中文教程

Using Models(使用数据模型)

前言:
数据模型[Model]的主要职责是描述存储和管理应用程序的数据,堪称MVC应用程序的肌肉和组织,缺少了Model的应用程序只能是一具没多大实用价值的空壳。事实上,几乎当前所有的互联网应用程序都是以数据的传递和交互为主要目的。
这篇文章的英文原址是http://docs.sencha.com/touch/2-0/#!/guide/models
原文标题是:Using Models(使用数据模型)。在官方文档目录中,它事实上的地位是MVC概述之后开篇三板斧之一,鉴于Sencha Touch MVC的特点,这三板斧的介绍顺序是倒过来的,先C控制器再V视图最后才是M数据模型,但是其重要性却不分先后。

如何创建一个Sencha Touch 2应用(第一部分)

在此系列中,我们将创建一个Sencha Touch 2版本的记事本应用,用来记录用户的笔记并存储在该运行设备上。在这个过程中,我们将深入一下几个区域:

  • 建立一个Sencha Touch 应用的区块
  • 如何实现一个应用多视图的导航栏
  • 如何使用Sencha Touch表单元素编辑数据
  • 如何利用列表视图呈现数据
  • 如何使用HTML5本地存储保存数据


在线phonegap打包Sencha Touch 2客户端应用

1、下载基于Sencha Touch 2移动站点开源项目的一个压缩包. 移动Web开发社区移动站点(SenchaTouch2版).zip

2、从电脑中选择上传已经下载的“基于Sencha Touch 2 移动站点开源项目”ZIP包 https://build.phonegap.com/apps#add-application,如图:


Sencha Touch自动生成工具

在Sencha Touch中有一个鲜为人知的工具Sencha Command,位于sencha-touch-1.1.0/jsbuilder目录中,名为sencha.sh。相关资料表明该工具是用来自动化生成Sencha Touch项目目录结构,并包含一个代码生成器。使用了一下发现其明显处于试验阶段,因为代码中存在非常多的错误。通过sencha.sh生成的代码无法正常运行。不过不用担心,我们可以使用后面介绍的sencha-command来完成这些操作。下面简单的介绍sencha.sh的几个用法:

Sencha Touch 快速入门2.0 - 第一章 开发Sencha Touch App

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android和Apple iOS设备。

下面是Sencha官方给出的几点特性

1.基于最新的WEB标准 – HTML5,CSS3,JavaScript。整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。

2.支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为Android定制的主题。

3.增强的触摸事件。在touchstart、touchend等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。

4.数据集成。提供了强大的数据包,通过Ajax、JSONp、YQL等方式绑定到组件模板,写入本地离线存储。

聚合内容