中文教程

教程:使用DomHelper 创建元素的DOM、HTML片断和模版

今晚我对prototype+Scriptaculous和 MochiKit's那个不错的DOM处理库进行的轮流测试,测试结果让我感觉好几次的意外。 读者可自行分析一下的成绩,结果很难令人信服。

在JavaScript的开发过程,某些原因你需要用DOM来创建元素。处理这些元素很可能会是一段又长有臃肿的代码,花费了不少时间而仅仅只是干一些鸡毛蒜皮的话,那就不值了。而且,用DOM创建这些元素的性能上并不高效,尤其是IE上面。要想即高效又能支持标准的话,任何DOM的创建类都应该支持DOM和HTML片断。HTML片断在IE中跑得很快,最快可跑到比原来快300%的速度。包含在版本 0.32.2中,那个可提取DOM层的DomHelper,就能通过DOM创建元素,或HTML片断,也能把你的DOM代码变成HTML片断的模版。

教程:DomQuery基础

本教程旨在为读者了解怎样利用单例对象Ext.DomQuery,浏览穿梭于DOM树之中和获取对象,提供一个起点。
1 DomQuery基础
1.1 第一部分:元素选择符Selector
1.2 第二部分:属性选择符Attributes selectors
1.3 第三部分: CSS值元素选择符
1.4 第四部分:伪类选择符Pseudo Classes selectors
1.5 总结

教程:基本登录

这篇文章以最简单的登录为例,讲述了Ext如何与后台程序交互.流行的编程语言都已经包括在内.包括(.asp,.php,.cfm,.jsp,.asp,.pl).

教程:ExtJs 入门第一部分

如果你是一个资深的程序员,那不必了,我还是建议您不阅读这篇教程。何解?这里许多的概念尚不是为有经验的用户提供营养的,只是一些简单的概念,还不能有足够的知识深度来创建Web程序(其目的仅仅是用ExtJS实现页面特效而已,——为标准页面添加活泼的元素而写的教程)。

教程:基本页面设置

人们发现了Ext JS后,便急不迫待地投入到使用——这是很常见的事,但却还没搞清楚,如何设置一张首页。
本数程就是告诉您页面大抵是怎样构成的,所以测试者可直接套用这模版(复制&粘贴)。

ExtJS 设计模式之一(单例模式)

Extjs 发展至今,传承了YUI的伟大精髓, YUI得到了Douglas Crockford(任职于 Yahoo! 的一名 JavaScript 传道者和架构师,他是全球最有造诣的 JavaScript 语言专家之一,Blog:http://www.crockford.com/) 大师的赞同,而ExtJS也是将YUI的模式脚本编程学习使用的淋漓尽致,并且还给它做了几套华丽的CSS嫁衣…., 而在ExtJS越发耀眼的同时,我等初学者在使用ExtJs的时候也是晕呼其呼。(好在2.0 推出之后,官方的文档,像雨后春笋一样,开始覆盖到方方面面。)

创建保存状态

节选自作者的博客:

在我这个例子中,我将会记住tab面板显示的tab。由于这是常见的情形,我就扩展TabPanel定义一个新类:

计算时间差类

    在程序执行过程中,我们经常需要测试一段代码执行了多长时间,在没有使用Extjs之前我们都会在这一小段程序的开头写一小段代码,结尾再写一段代码,在没有提取出这个类来之前,这样做无可厚非,ExtJs为我们考虑到了这一点,写一个非常精简的类.
    该类的代码如下,不使用ExtJs时,也可以把该类直接提取出来使用......

扩展Ext中的组件

引言

起初,Ext.extend()干的不错,它使你能够建立强大的面向对象的JavaScript类层次结构。你可以用它构建你自己的类和派生类,当然也可以扩展Ext的内建类。如果不熟悉Ext.extend(),你应该先读一下Manual:Intro:Inheritance

Ext中判断浏览器和操作系统的代码

  文件位置:source\core\Ext.js
Ext中判断浏览器和操作系统的代码非常简洁,代码如下:

var ua ......

window["undefined"]=window["undefined"] 的意义

文件位置:source\core\Ext.js
该文件的第二句就是

// for old browsers
window["undefined"] = window["undefined"];

咋一看上去有点摸不着头脑,等号左右两边是一模一样的.看注释说明,是为了兼容旧的浏览器,难道旧的浏览器没有window["undefined"]这一个属性?

官方论坛上 Animal 是这样回答的:

开始阅读ExtJs源代码

今天开始阅读ExtJs的源代码,我会把在阅读过程中认为有价值,或者需要标记一下的内容写到这一个分类里面.一些理解可能并不是对的,欢迎大家指正.

Ext源码概览(Manual:Ext Source Overview)

1 入门导向
2 揭示源代码
3 发布Ext源码时的一些细节
4 我应该从哪里开始?
5 适配器Adapters
6 核心Core

入门导向

Tutorial:Application Layout for Beginners(对于初学者的应用程序布局)

1 事前准备
2 需要些什么?
3 applayout.html
4 applayout.js
5 公开Public、私有Private、特权的Privileged?
6 重写公共变量
7 重写(Overriding)公共函数
7.1 参见

事前准备

Tutorial:Localizing Ext (本地化ext)

1 引言
2 慢慢开始
3 原理是??
4 本地化文件的葫芦里卖的什么药?
5 应用程序的本地化
6 高级提示

引言

Tutorial:Extending Ext2 Class (扩展EXT2组件类)

目录:
1 实现的目的
2 A note for those who were used to Ext 1.x
3 文件的创建
3.1 iconcombo.html
3.2 iconcombo.js
3.3 Ext.ux.IconCombo.js
3.4 Ext.ux.IconCombo.css
4 相关理论
5 开始啰
6 完成的代码

预计实现的效果图:

实现的目的

Tutorial:Playing With Ext The Easy Way(蹒跚学步)

蹒跚学步
第一步 - 入门
想必您已经听说过 Ext、浏览了在线演示,并且尝试阅读API文档。不过,面对复杂的API文档,您却不如何下手?!

第二步 - 起步
通览过API文档,并且找到了所要立刻尝试的功能,面对混杂的网页源代码,如何开始一个简单的测试页面?那么……

Manual:Intro:Event Handling(事件处理)

Manual:Intro:Event Handling(中文翻译)
在Javascript中,你将不得不经常进行事件的处理。这有时很难顺利进行,因为你需要进行不同的跨浏览器标准化事件处理。而ExtJs使得处理事件变得非常容易,有时候甚至还富于乐趣(!)。

非常基础的例子

Tutorial:Introduction to Ext (EXT 介绍入门)

无论你是Ext库的新手,抑或是想了解Ext的人,本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和初级了解HTML Dom。

下载Ext

Tutorial:DomQuery Basics(DomQuery的基础)

DomQuery基础

DomQuery的select函数有两个参数。第一个是选择符字符(selector string )而第二个是欲生成查询的标签ID(TAG ID)。本文中我准备使用函数“Ext.query”但读者须谨记它是“Ext.DomQuery.select()”的简写方式。

这是要入手的html:

[code]