中文教程

使用GapDebug来调试Sencha开发的混合应用程序

许多Sencha开发者每天都使用Cordova或者PhoneGap来部署自己的混合应用程序。但是直接在设备上调试一个HTML5应用程序是一件非常痛苦的事情。GapDebug的出现使这一过程变得更加容易,所有的应用程序和设备都使用统一的接口,而无需开发人员添加特殊的代码。


Ext JS 5的声明式事件监听机制

在前文《在Ext JS 5中使用ViewControllers》中,简单的介绍了Ext JS 5的一项重要改进——声明式事件监听。在本文,将深度探讨如何使用声明式事件监听啦简化应用程序的视图并减少自定义组件的样板代码。

注意:文章假设你使用的是Ext JS 5.0.1或更高版本。

什么是声明式事件监听?


所谓的“声明式事件监听”,就是指定义在类主体中的监听或在实例的配置对象中使用了listeners配置项。以这种方式来声明事件监听不是Ext JS 5的新功能。在Ext JS 4,可以正在类中声明事件监听,不过只适于处理函数或作用域已定义的情况,例如:

Ext JS最新技巧

Greg Barry:新的框架、 新的文档类型(Doctype)


在Ext JS 5,只支持IE8+,因此不再古力用户使用严格的HTML文档类型。现在,推荐使用HTML 5的文档类型,而且还推荐使用X-UA-Compatible作为meta标记以确保IE不会激活“兼容模式”,因为该模式不支持Ext JS。

以下代码片段展示了用于Ext JS 5的理想的文档类型和HEAD:

Ext JS 5.0.1中的新功能

今天,我们很高兴的宣布Ext JS 5.0.1发布了!此维护版本基于Sencha社区的反馈做了一些改进。

下面让我们来了解一下这些改变。

可访问性


与Ext JS 4.2.2一起,我们发布了“ext-aria”包来为可访问性提供了改进的支持(如WAI-ARIA 1.0标准中所描述的)。对于提供工具来让提高应用程序的可访问性来说,这是很重要的一步,我们还从测试合作伙伴和早期采用者的反馈意见中学到了一些东西。

随着Ext JS 5的发布,我们希望能综合反馈意见并提供一个更好的解决方案。我可以很高兴的宣布,对于Ext JS 5.0.1,对于可访问性的支持已经改进了许多。很大程度上,这是因为我们已经将焦点和键盘导航的支持从“ext-aria”移动到了框架本身。

动态加载 ExtJS 类库

ExtJS 是一个非常优秀的 JS 框架, 由于 ExtJS 自身非常庞大, 用于开发测试的 ext-all-debug.js 文件达到了 3.24M , 如果是再加载带注释的 ext-all-debug-w-comments.js 则更是达到了 6M , 可以说是非常庞大了, 因此动态加载 ExtJS 是很有必要的, 接下来就介绍如何对 ExtJS 做动态加载。

蔡世友ExtJs视频教程

视频目录:

  • RIAExt富客户技术详细目录.rar 5.2KB
  • javascript面向对象编程(PPT).rar 6.2MB
  • javascript加强(PPT).rar 6.1MB
  • javascript基础(PPT).rar 6MB
  • ExtJS快速入门指南(pdf).rar 709.8KB
  • Ext

Ext JS 5的平板支持

Ext JS已被公认为桌面Web应用程序的领先框架。自从平板开始在全球挑战PC的销售,无论是个人还是企业,电脑横向的应用已经产生急剧的变化。Sencha意识到了这种变化,并推出了包含新功能和进行优化了的Ext JS 5。

Ext JS从Sencha Touch 2学到了一些新把戏。多年最好的移动Web应用程序框架经验的沉淀要应对现代平板电脑上的桌面显示,那是卓卓有余的。通过类系统、事件管理、窗口小部件和新的部署选项就可以了解到这些更新。


在Sencha Touch中创建离线/在线代理

概述


在Sencha Touch中,一个常见的需求就是,当设备在没有连接互联网的时候,应用程序必须能够继续工作。Sencha Cmd为实现应用程序离线工作提供了一切所需的工具,如自动生成应用程序清单文件,不过,这其中最大问题是如何处理数据。有许多方式可以用来处理数据,而一个常用的技术就是在本地存储代理和AJAX代理之间实现切换。

在本文,ProWeb软件公司的Tom Cooksey将展示如何使用一个代理来实现类似的效果,而且该代理的存储配置对于使用它的程序员来说是完全透明的。

一步一步创建Sencha Architect Files(aux)

一点小牢骚:最近在做一个项目,经过寻寻觅觅发现Extjs 4.2挺符合要求的,那就它了。上了手了才发现上了贼船了,中文的开发资料巨少。上Sencha的英文官网,速度慢不说,查找一些资料也不是特别方便,谁让咱们上学的时候没有学好英文呢:(,英语老师我对不起您们啊啊啊!!。带着4,5个兄弟开发,中间发现数值控件Number Field,居然不支持千位分割符(,),太不地道了,在官网论坛上一顿查找,发现一个叫Greivin Britton的巴拿马雷锋,居然已经解决这个问题了。欢天喜地的下下来,咦,不打成包做成组件没有办法在Architect 3.0里面使用,而且多人开发,咋让兄弟们的Architect里面也用上啊,必须给整,说弄就弄了,参考各路天书资料,弄了几天都快崩溃了,老是这个不行,那个不行的,一直捅咕了3,4天才搞定,回头一看,我要骂娘了啊,啥狗屁资料啊啊啊!!!!破天荒第一次万年潜水员,准备冒个泡,给大家整个资料,帮助自己和大家梳理一下这个制作流程,希望对大家平常的开发有所帮助。


在Ext JS和Sencha Touch中创建自定义布局

布局系统是Sencha框架中最强大和最独特的一部分。布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片。Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析。

虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理。Sencha框架已经提供了最常用的应用程序布局,因此很少出现应用程序需要额外功能的需求,因而不大会有人愿意去了解布局系统的内部运作。

试想一下,你的公司需要在应用程序中使用3D Carousel来显示界面元素,但没有任何标准的Sencha布局可以提供这种能力,哪怎么来解决这个问题呢?

使用Ext JS设计响应式应用程序

在当今这个时代,用户都希望Web应用程序无论在形状还是大小上,既能在桌面电脑,也能在移动设备上使用。使应用程序能适应不同的需求渐成趋势。幸运的是,Ext JS 5提供了所有支持应用程序以符合任何屏幕尺寸、形状和方向的工具。

在Ext JS 5应用程序中如何使用路由

简介

Ext JS 5是一个重要的发布版本,它提供了许多新特性来创建丰富的、企业级的Web应用程序。MVVM和双向数据绑定为开发人员承担了大量的繁重工作。在Ext JS 5种,另一个新特性就是路由,它可以在控制器内轻松的管理历史记录。前进和后退按钮是每个浏览器都会拥有的公共用户接口,现在,使用Ext JS 5在单页面应用程序中处理导航变得相当简单了。

Ext JS 4 - Ajax和Rest代理处理服务器端异常和消息的方法

可能要处理的情况:
success(成功)——Ext处理
failure(失败),由于通讯问题——Ext处理
failure(失败),由于服务器端异常——开发人员人员必须处理的响应失败……

Ext JS - 高效的编码风格指南

1,切勿使用“new”关键字:在Ext JS中,使用“new”关键字来创建一个组件或类的实例是一种错误的做法,因为这没有遵循组件的生命周期。应该使用Ext.create方法来创建对象,例如:

错误: var obj = new Ext.panel.Panel();

正确: var obj = Ext.create(‘Ext.panel.Panel’);


在Ext JS 5中使用ViewControllers

简介


在Ext JS 5中,在应用程序架构方面提供了一些令人兴奋的改进,如添加了ViewModels、MVVM以及viewControllers来加强MVC应用程序。最重要的是,这些选择并不互斥,因此,可以采用增量的方式来介绍这些功能,又或者将他们混合在一起。

Ext JS最新技巧

Seth Lemmons:为网格行设置不同的高度


在整个网格中,行高通常都会保持为同一高度。然而,这并不适用于所有情形,有时候需要根据单元格中的数据来自动调整高度。在大多数情况下,网格会自动调整以容纳不同高度的单元格,甚至包括锁定网格(这实践上是两个同步的网格)。尽管可以如此,但要注意的是,当使用bufferdrenderer插件的时候,在锁定网格上就不能同步行高了。还好,这有解决办法。

在使用缓冲渲染的时候,并不能通过锁定网格来自动确定锁定网格和正常网格之间的行高。这是因为行高需要通过计算来确定。因此,variableRowHeight插件的默认设置为false。如果发现数据很好填充到标准网格行的高度,可以设置variableRowHeight为true。之后,就会发现锁定与非锁定网格区域之间又一次正确对齐了。

HTML5企业安全访问控制的七种武器

自从2010年乔布斯宣布苹果不再支持Flash而专注于HTML5以来的近5年以来,HTML5得到了迅猛的发展。如今HTML5的创建工具层出不穷。这些工具已经不仅仅局限于游戏和视频的创建。其中一些,比如说Sencha Space,提供了一整套关于多设备,针对数据及应用支持的BYOD解决方案。

前端开发框架选型清单

随着Web技术的不断发展,前端开发框架层出不穷,各有千秋,开发者在做技术选型时总是要费一番脑筋,最近,IBM高级工程师王芳侠撰文对Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha Touch、Sencha GXT、Dojo、Dojo Mobile、Mootools、Foundation、YUI、Kissy、QWrap 等 16 个国内外前端开发框架进行了比较详细的比较,非常值得读者借鉴。

培训提示:解决常见编码问题的简单技巧

很多时候,在我教授一个Sencha培训课程的时候,学生经常会请求我帮忙看一下他们的应用程序,因为有些问题他们不知道如何去解决。由于不是我写的代码,因而,有时很难快速的向他们给出答案。还好,我有一套简单的技术,可以用来筛选出最明显的问题。

在本文,我将对一些最常见的问题进行分类,并介绍一些简单而有效的策略来解决这些问题。

问题:我看不到我的数据


你正在浏览你的应用程序,单看不到任何数据。通常,该问题很容易解决。

试一下以下方法:


首先,先检查存储(Store),可以在应用程序运行时在浏览器控制台来做这个:

对于ExtJS 5,你准备好了吗?

Ext JS 5:准备升级


对于Ext JS 5加入Sencha的大家庭,我们感到非常高兴!作为一个主要版本,在Ext JS 5引入了一堆的新功能,包括:

  • 支持平板
  • 双向数据绑定
  • 新的NVVM应用程序架构
  • 小部件和部件列
  • 清脆的主题
  • 路由
  • 以及更多
如果想了解完整的新功能列表,请阅读《在Ext JS 5有什么新东西指南》。

如果想了解更多有关Ext JS 5的东西或咨询有关升级的问题,请在这里注册并参加我们在北京时间2014年4月25日1点(4/24/14 at 10am PDT,美国太平洋夏季时间,不知道有没有算错,自己再算一下)举办的一个小时的在线研讨会。