中文教程

Sencha touch 开发指南

本文主要介绍如何使用Sencha Touch为手持设备进行应用开发,主要是针对iPhone这样的高端手机,我们会通过一个详细的例子来介绍整个开发的流程。

Sencha Touch简介

Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app,用户界面组件和数据管理全部基于HTML5和CSS3的web标准,全面兼容Android和Apple iOS。

Sencha的MVC模式实践

Sencha Touch中,Application对象表示整个Sencha的应用程序。对于大多数程序而言,它至少包括有应用程序的名称和一个启动函数.

Sencha Touch 入手

触控技术(touch-interface)可以带用户带来全新的体验。硬件层面仍属于输入设备(input device),也就是说,对于终端而言,究竟是键盘、触控还是鼠标,反正都是输入形式的一种,而输出方式一般是屏幕。不同的输入方式给用户带来的体验绝对是不同的。在手机上的用户体验攸关,因为在巴掌大块上面构建合理的布局输入方式的确需要花点心思。就像当红小生Apple的iPhone,它便很成功。看上去,iPhone除了削平的镜面外,无非只有一个按钮。

五步掌握Ext的拖放(下)

第三步:设置置下目标明确需求是怎么样的:除了 rentedrepair可接纳拖动元素,cars和trucks本身也是可以的。总之是使用 DDTarget来负责放下的目标。代码如下:

五步掌握Ext的拖放(上)

那么多的交互设计模式中,“拖放(Drag and Drop)”模式是开发者感觉比较不错的。用户日常在进行拖放操作的时候,真的是想都不用想地就可以轻松搞掂了,易学易用,非常直观。下文中,不是我们断言,只要将下面五个步骤的要义领会在心,拖放不再是一间难事。
定义拖放拖动(drag)的动作,就是鼠标的点击动作发生了,点击在某些UI元素身上,就可以按着不放,同时也可以移动着鼠标;放下(drop)的动作,就是在拖动动作开始后,但鼠标按钮松开了——就是放下的动作。

使用with简化你的Javascript代码

with语句用于位一组语句建立缺省的对象。
适用以下场合:
1,在一段代码中使用一个类的N个方法.
2,在一段代码中使用一个命名空间下的N个类.with
为一组语句创建缺省的对象。在这一组语句中,任何不指定对象的属性引用都将被认为是缺省对象的。
实现版本 Navigator 2.0, LiveWire 1.0

语法

with (object){
   statements
} 
参数
object 为语句指定要使用的缺省对象,两边必须有圆括号。
statements 任意语句块。

示例
下面的语句指定了 Math 对象作为缺省对象。在 with 语句里引用的 PI 属性、cos 和 sin 方法就没有指定对象,JavaScript 会假定这些引用都是针对 Math 对象的。

var a, x, y
var r=10
with (Math) {
   a = PI * r * r
   x = r * cos(PI)
   y = r * sin(PI/2)
} 
with还可以嵌套使用。

Javascript对象继承(复制继承法)

复制继承可以说是Javascript中我使用的最多的继承方法.
复制继承是如何实现的,我们一起来看看下面的例子:

Javascript对象继承(原型继承法)

原型继承可以说是Javascript提供的真正的继承方法,也是很多大牛推荐使用的方法,但我使用的最多的却不是这一个继承方法.
原型继承是如何实现的,我们一起来看看下面的例子:

Javascript对象的私有属性

大家都知道Javascript函数对象的所有属性都是公开的,是没有私有属性这一个概念的.但是,不要忘记了Javascript的两大特性(原型和闭包).说到这里,可能很多朋友已经知道怎么样实现私有属性了.没错,我们就是要通过Javascript的闭包来实现.

概念性的东西可能比较难理解,我们还是以实例来说明:

Javascript中两种最通用的定义类的方法

在Javascript中,一切都是对象,包括函数。在Javascript中并没有真正的类,不能像C#,PHP等语言中用 class xxx来定义。但Javascript中提供了一种折中的方案:把对象定义描述为对象的配方(先看一下例子会比较容易理解)。

定义类的方法有很多种,这里有两中较为通用的方法,大家参考一下。

这两种方法均可以解决 构造函数会重复生成函数,为每个对象都创建独立版本的函数的问题。

解决了重复初始化函数和函数共享的问题。

Javascript原型(Prototype)

什么是原型
Javascript对象中的原型属性可以返回对象类型的原型引用.
原型的作用
原型的定义可能这样讲未必理解得了,下面让我们来看一些例子:

Javascript闭包(Closure)

Closure中文翻译为闭包.字面上来理解就是"封闭的包".(这是一句废话)
闭包是什么?
书面解释为: 所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

应用闪光点:Zipwhip和ExtJs

在美国每个月都要发送接近一千万条短信,短信已明显成为许多人依赖的一个传播媒介。 Zipwhip ,一个使用ExtJs做用户界面的Web短信工具,目的是将短信提高到一个新水平。 在Zipwhip的小组渴望分享他们的热情和基于分机建立的办法。

教程:从源代码上建立你自己的Ext

有几种方案可制定Ext,制成裁减过的版本输出。而且这是至关重要的,为什么呢?

只需包含你所需的文件,减少部署时文件过大的开销。
你可缩小源码大小,也是部署时的重要一环。
如果你是技术支持用户 有一个可用的SVN访问,你可在开发阶段中创建一个中间临时的版本,用于测试、试用新功能和官方发布新版之间的bug调试。
你亦可利用一些自动化的工具,或直接整合到你惯用的自动化调用程序(如,通过Ant)。

教程:Grid组件的基本分页

读者应先下载本例涉及的示范代码。这里是一个有效的例子

Grid数据
Grid的分页必须依靠服务端(Server Side)来划分好每一页的数据才可以完成。

教程:在PropertyGrid使用JsonStore

在浏览数篇的帖子后,我花了不少时间去理解,终天有些粗浅的认识,我在这里与大家分享。

设置HTML
复制以下的内容到HTML文件:

教程:可编辑的Grid(ASP+ACCESS版)

本教程会从仿照grid-php开始——不过这次是微软Asp的版本,并有所添加内容。JScript语法的ASP天生与JSON结合,使得来回ASP与Ext之间的数据结构变得轻松。如果有许多ASP程序转换为ASP.NET的,那么这是一个好的理去推膛,甚至很久一段时间内也不用换。

教程:开始表单之旅

摘要: 这个教程将指导你如何获取数据到你的表单并将这些数据提交。
我建议下载用于这个例子的一段程序,这样可能对你有一些帮助。你也可以找一个有效的例子。

教程:基本表单提交

作为程序员,你或许已了解PHP(或ASP,或其它服务端语言),大致知道传统方式下怎么处理用户界面的工作。你用某一种服务端语言构建表单,再以明文html的方式输出到最终用户。你有可能在用模板引擎,却是在后台,这样就可方便生成html给用户。

教程:Combos联动的例子

与逐步(Step by Step)式引导的教学不同,本教程着重例子的演示而非由浅入深式的描述,只有摘要式的解释。整个例子由两份文件组成:lcombo.html 以及 lcombo.js。
这就是运行Ext最基本的html结构。其中要改变的只是引用Ext库(JS文件)的src地址。