sencha touch 有一套自己的类机制,可以以面向对象的方式去写代码,封装业务逻辑,sencha touch 的组件.插件.api等都建立在这一套类机制的上面 在实际开发中,我们需要遵循这一套机制,以免造成不必要的麻烦. 所以的类都是继承于Ext.Base 定义一个类的语法:Ext.define(className, properties); 其中className是类名,properties属于配置. sencha touch开发推荐使用mvc结构,在这里我推荐以下结构 如图所示,我们一…

在mvc结构的基础上,sencha touch又使用了sencha公司为extjs4开发出来的类系统,在面向对象的编程语言中,类是对对象的定义,它描述了对象所包含的大量属性和方法. 跟面向对象语言类似,sencha touch的类提供了继承,依赖加载,mixins,属性方法设置这些强大的功能. sencha touch将自己封装成了一个面向对象的开发框架,如果你去查看官方的api,你会发现在面向对象编程语言中所需要用到的大量函数sencha touch全都给你封装出来了,你需要的大部分功能直接调…

接着上一讲,我们通过一组代码来讲解一下st的类的一些属性: Ext.define("MyConfig",{ config:{ website:"http://127.0.0.1" }, speak: function() { console.log("speak12345"); } }); Ext.define("Ext.ux.Util",{ alias:"widget.util",//等同xtype:&q…

原文:Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 3) 作者:Lee BoonstraLee is a technical trainer at Sencha. She's located in Amsterdam and has experience in both front-end and back-end development. Lee spends her spare time deve…

参考资料: http://www.cnblogs.com/qqloving/archive/2013/04/25/3043606.html http://www.admin10000.com/document/140.html 这里我主要讲的是如何加入全局变量.公用类.自定义扩展.资源文件 官网地址:http://www.sencha.com/products/touch/ 官当最新doc:http://docs.sencha.com/touch/ 1.环境搭建 a.安装java 先下载JAVA…

参考博文: [Phonegap+Sencha Touch] 移动开发1.准备工作 [Phonegap+Sencha Touch] 移动开发2.PhoneGap/Cordova初步使用   经过差不多1天的折腾,对Sencha Touch和phonepag算是有了初步的了解,然后就按照网上的教程开始做的自己的APP. 说到phonepag,补充一点phonepag和cordova的历史,对大家有个比较深入的理解,至少我在看到这两个东西的时候,最开始也是有点懵的.传送门:新手的第一个phonegap…

为了更好地向大家演示如何打包一个sencha touch的项目,我们用sencha cmd创建一个演示项目,如果你的sencha cmd环境还没有配置,请参照 sencha touch 入门系列 (二)sencha touch 开发准备 进行配置. 首先在开始->运行中输入cmd,回车,打开命令行工具,cd指令进入到我们的sencha touch的sdk目录中,执行项目创建的指令: 此时在webtest路径中便创建了一个testPackage的项目,我们打开项目中创建生成的packager.js…

移动端到服务端通信往往会发生很多莫名的异常情况,如何有效的监控proxy异常,给用户友好的用户体验呢? Proxy给我提供了异常exception的监听事件,只需要监控该项目即可. Sencha Touch Store的基类如下: Ext.define('HzyApp.store.Base', { extend: 'Ext.data.Store', config: { proxy: { scope: this, listeners: { exception: function (proxy, r…

这是本人第一次写博客教程,没什么经验,文笔也不是很好,写这教程一方面为了巩固自己这段时间的学习成果,一方面帮助大家解决问题,欢迎大家多提建议,指出问题.接下来我们就开始我们的sencha touch开发之旅了. 首先,我们开始搭建sencha touch的开发环境,我这讲的环境搭建主要是针对windows平台的: 1.选择一款能够兼容并调试sencha touch的浏览器: sencha touch之前是针对webkit内核进行设计的,所以chrome或safari浏览器可以很好的展现基于sen…

Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/products/extjs/evaluate/ 如图,这个是试用版下载地址,试用版和正版的区别大概就是试用版有试用标记水印吧,大概是吧. 官方api下载地址:http://docs.sencha.com/extjs/6.0/ 这个就是官方的在线api了,想要下载就把鼠标移动到左上角的Ext JS Guides上…