精彩人生

Carousels 组件Carousels，翻译过来“传送带”的意思，顾名思义，仿佛屏幕背后就有一传送带，用户发出向左或向右的指令，即可命令传送带“移动”。移动设备上的屏幕就是当前显示的内容。在中间的那个“一点点”图案即为指示器，指示器可以告诉你剩余有多种张待现实的页面。与其他组件那样，Carousels 可适用于水平或垂直的方向。下面例子将建立一个简单的水平方向的 Carousels

创建一个表单表单面板提供一套表单字段和访问/存储数据的简单方式。通常表单面板只包含你要显示的一套字段，在条目(item)配置中的排序如下：Ext.create('Ext.form.Panel', {  fullscreen: true,  items: [  {  xtype: 'textfield',  name : 'name',  label: 'Name'  },  {  xt

译者注：本篇文章为开发者提供了零基础使用Sencha Touch的一些资料。 Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app，用户界面组件和数据管理全部基于HTML5和CSS3的web标准，全面兼容Android和Apple iOS。从头开始创建一个

自从Sencha Touch发布以来，其开发团队对于HTML5 apps的期待越来越高。Sencha Touch两年来作为新的跨平台运行HTML5创建Mobile Apps的先锋。也是从那时起，HTML5成为十年来应用开发领域最重要的步骤。今天，开发团队十分自豪地宣布：Sencha Touch2.0发布了！它一定会改变您对Mobile apps的看法。SenchaTouch2的下载地址：h

2012Sencha Touch 程序设计之 Android 平台 Back 按键处理作者：润物无声   发布：2012-04-09 15:23   分类：移动开发   阅读：1105 次   抢沙发  利用 Sencha Touch 结合PhoneGap设计本地APP，免不了要分别处理android平台和iphone平台，两个平台的最大区别之一就是back键的

这几天进行进行 webmobile App的设计，起初的设计方案采用的是 Jquery Mobile + PhoneGap，原想应该工作的不错，没想到到了最后，进行程序结合测试的时候出现了一个莫名奇妙的问题，那就是，利用Jquery Mobile进行页面切换，反复进行七次以上的连环页面跳转，同时在后台发送 Ajax数据请求，从服务器download数据，就会破坏PhoneGap的本地工作机制，导致

在开发的过程中，经常会碰到需要调用已创建的组件的情况。一般情况下，可以用Ext.getCmp()方法达到这一目的。这个方法是Ext.ComponentManager的get方法的快捷方式，调用Ext.getCmp()方法实际就是间接调用了Ext.ComponentManager.get()方法。AD：get方法：get( String id  : Object 通过id获取一个

前言： 控制器 [Controller]在Sencha Touch MVC中起到的是纽带作用，它控制视图[View]的展示逻辑，又负责以数据模型[Model]为基础的数据 [Data]处理逻辑（包括数据的加载、展示、更新、增删等等）。控制器就像胶水，有了它才能够把一个Sencha Touch（后面一律简写做ST）应用程序[Application]的各项元素黏

前言： 视图[View]是MVC应用程序的脸面，不管你的应用程序设计如何，用户都只能看到眼前的视图，因此对你的评价也只能通过对视图的体验来得到。因此无论如何，一定要用心去设计你的视图。 这篇文章的英文原址是http://docs.sencha.com/touch/2-0/#!/guide/views原文标题是：Using Views in your Applications（在应用程序

前言： 数据模型[Model]的主要职责是描述存储和管理应用程序的数据，堪称MVC应用程序的肌肉和组织，缺少了Model的应用程序只能是一具没多大实用价值的空壳。事实上，几乎当前所有的互联网应用程序都是以数据的传递和交互为主要目的。 这篇文章的英文原址是http://docs.sencha.com/touch/2-0/#!/guide/models原文标题是：Using Models（

当你看到这文章的时候，相信你也知道为什么要使用跨域访问了！这里就不再多说了，在Sencha Touch 2中，实现跨域访问可以使用Ext类库提供给我们的类Ext.data.JsonP，如果我们要提交请求的话，可以使用request()方法，具体使用如下：在提交请求的时候，可以这样子写 1 Ext.data.JsonP.request({ 2 url: 'http://ap

前言： 如果你第一次看SenchaTouch MVC应用程序的例子，很可能会被那一个个文件夹和一堆堆js文件搞得头昏脑胀，它们之间到底有什么关系？互相之间如何协作？这就是你在下手写代码之前必须搞清楚的第一件事了，本专题将为你解决这个困惑。 这篇文章的英文原址是http://docs.sencha.com/touch/2-0/#!/guide/mvc_dependencies

来源【1-5部分】：http://miamicoder.com/2012/how-to-create-a-sencha-touch-2-app-part-1/在此系列中，我们将创建一个Sencha Touch 2版本的记事本应用，用来记录用户的笔记并存储在该运行设备上。在这个过程中，我们将深入一下几个区域：建立一个Sencha Touch 应用的区块如何实现一个应用多视图的导航栏如

Sencha Touch 2 快速入门系列（一）-- 建立第一个Sencha Touch应用Sencha Touch 2 快速入门系列（二）-- 组件(Components)Sencha Touch 2 快速入门系列（三）-- 组件之表格(Forms)Sencha Touch 2 快速入门系列（四）-- 组件之标签面板(TabPanel)

导言及Hbox布局（水平布局）在你的应用程序中，布局用来描述组件的大小和空间位置信息。例如，就一个电子邮件的客户端举例来说，它有一个固定在屏幕左侧的邮件列表，占屏幕宽度的1/3；在屏幕剩余的右侧空间，有一个查看邮件具体内容的浏览面板。我们可以用hbox布局来实现这两个组件的伸缩Flex，伸缩Flex意味着我们能够把可用的空间按照每一个子组件的Flex系数进行分割。为了实现刚才我们说

sencha touch中提供的datepicker，是英文版的，在中国做软件当然要汉化。 如上图，就是sencha的原版datepicker,我们要对它进行汉化。找源码：找到js源码文件sencha-touch-debug.js在文件中搜索datepicker部分。找到Ext.DatePicker的initComponent方法，对如下代码做修改for (i = yearsF

Sencha Touch中Ext常用函数是本文要介绍的内容，主要是来学习Sencha Touch中EXT的函数的使用方法，ext常用函数分类：sencha touch在框架中，Ext的常用静态方法：1、Ext.setup：启动程序，配置参数onReay函数，该函数为程序入口Ext.setup({  icon:'icon.png',  tabletStartupScreen:'table

本指南在不断完善中，它不包括Sencha Touch 2.0 (以下简称ST 2 )的所有性能。但它将成为ST 2 的最终版本。欢迎来到Sencha Touch 2.0ST 是第一个HTML5移动开发框架，ST 2.0是ST有史以来最大一次升级。我们最关注的是ST的性能，致力于让基于ST开发的APP能在更多的平台上快速运行。App能在小组件初始化渲染，局部和设备转动时重新局部等情况下快速的

接触Sencha Touch已有近一个月的时间，在探索它的同时，走了不少的弯路。也有了不少的发现和体会。在此分享给各位，希望不管新手还是老鸟，都能在这篇文章里有所收获。Sencha Touch简介Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和

需要多次显示同一套组件的地方都可以用数据视图，例如下面的几个应用：邮件应用里的消息列表显示最新的新闻/即时消息HTML5音乐播放器上的平铺相册创建简单数据视图简单地说，数据视图就是一个装满数据和一个简单模板的Store，我们用模板翻译每个条目：var touchTeam = Ext.create('Ext.DataView', {  store: {  fields: ['

什么是组件我们在Sencha Touch 2.0中接触的很多类都是组件。每个组件都是Ext.Component,的子类。这就意味着他们可以：◆使用一个模板把自己渲染到页面上◆在任何时候显示/隐藏自己◆把自己显示在屏幕中间◆确定自己是否可用他们还可以做一些更高级的事：◆把自己置于其他组件之上(windows, message boxes and overlays)◆动

一、Fit布局Fit布局很有特点，它只允许自己的第一个item被显示出来，并且填充满自己。如果它的item多于一个，那难免是会出些意外的情况的。如果你发现你的容器内的控件有的没有全部被显示出来，那不妨看看它的layout是否为fit，试着将它强制设为vbox往往就能解决问题。下图是在一个layout为fit的Panel里放了三个button的结果：所以说：除非你想营造些令人匪夷

简单来说，类是一个拥有一些属性和方法的对象。例如：定义一个动物类，定义其名称和功能，使得它能说话，我们只需这样做：Ext.define('Animal', { config: { name: null }, speak: function() { alert('grunt'); } }); 这样我们就定义了一个动物类，每个动物可以有一个名称，并可以说话。要创建一个新的的动物，我们只需这样：

大多数情况下，data包中的model，store和proxy的用法如下： Model: model代表你应用关心的一个实体。用户，联系人，地址，和产品都可以是model。简单地说，model只是字段(field)和相应数据的集合，当然，它可以做得更多。Store: store只是一个model的实例集合。大多数情况下，它只是一个高级的数组，当然它也提供如排序，筛选和分组，以及引发事件等功

需要多次显示同一套组件的地方都可以用数据视图，例如下面的几个应用：邮件应用里的消息列表显示最新的新闻/即时消息HTML5音乐播放器上的平铺相册创建简单数据视图简单地说，数据视图就是一个装满数据和一个简单模板的Store，我们用模板翻译每个条目：var touchTeam = Ext.create('Ext.DataView', {  store: {  fields: ['

Sencha Touch 特性Sencha Touch 的出现是 Mobile web 开发人员的福音，它提供的众多吸引人的特性让它成为目前业界最炙手可热的框架。基于最新的 web 标准——HTML5，CSS3，JavaScript。整个库压缩和 gzip 后大约 120KB，通过禁用一些组件还会使它更小。支持目前世界上最好的移动设备。Sencha Touch 目前支持 Apple i

sencha touch 跟Ext js一个提供了丰富且高级的组件让我们能快速的开发出一个跨手机平台而且很绚丽的产品,这听起来不错,但很快我们发现了一个严重的问题,手机上的效果根本没有在PC上用chrome打开的效果一样让人有刷刷的快感(#@#$$#@$#),甚至让人痛苦. sencha touch和ext一样,组件是类式继承的,大大降低了使用和学习的周期.但缺点也是很明显的,你每增加一个组件,内

（1）从使用角度来看 Ext.Application 适用于MVC框架，Ext.Setup 则不适用。（2）Ext.setup() 是微型的，用于移动设备页面级别的构建；而Ext.Application 可以实现Ext.Setup 的所有功能，并且创建应用对象，可以充分利用sencha创建的各种应用和功能。（3） Applications 提供深度的应用的连接和访问历史的支持，通过

最近，sencha touch2.0发布。较之前两个版本，此次做了不小的改动。因为从机器运行的速度就可以体现出来。之前的sencha touch版本在android客户端运行速度缓慢，最新的2.0版的，可以说实现了质的飞跃。对于新版的特性，我作出了简单的总结。  首先看一下官网给出的解释吧：提供原生打包(native packaging)功能。只需一条命令，就可以将应用打包为供iOS或

12月16日消息：据Sencha测试报告显示，虽然Android 4.0冰淇淋三明治对HTML5浏览器的性能支持力度很大，但苹果iOS 5仍然是霸主。Sencha是一家创建HTML5网络应用程序框架的公司，充分利用其先进的功能：地理定位、动画，反射和转换等优势，因此该公司对最佳支持HTML5的移动浏览器产生兴趣，并给出测试结果，该测试更侧重于三星Galaxy Nexus（搭载Android4.