投放本站广告请联系: extjscn#126.com
今晚我对prototype+Scriptaculous和 MochiKit's那个不错的DOM处理库进行的轮流测试,测试结果让我感觉好几次的意外。 读者可自行分析一下的成绩,结果很难令人信服。
在JavaScript的开发过程,某些原因你需要用DOM来创建元素。处理这些元素很可能会是一段又长有臃肿的代码,花费了不少时间而仅仅只是干一些鸡毛蒜皮的话,那就不值了。而且,用DOM创建这些元素的性能上并不高效,尤其是IE上面。要想即高效又能支持标准的话,任何DOM的创建类都应该支持DOM和HTML片断。HTML片断在IE中跑得很快,最快可跑到比原来快300%的速度。包含在版本 0.32.2中,那个可提取DOM层的DomHelper,就能通过DOM创建元素,或HTML片断,也能把你的DOM代码变成HTML片断的模版。
本教程旨在为读者了解怎样利用单例对象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).
如果你是一个资深的程序员,那不必了,我还是建议您不阅读这篇教程。何解?这里许多的概念尚不是为有经验的用户提供营养的,只是一些简单的概念,还不能有足够的知识深度来创建Web程序(其目的仅仅是用ExtJS实现页面特效而已,——为标准页面添加活泼的元素而写的教程)。
人们发现了Ext JS后,便急不迫待地投入到使用——这是很常见的事,但却还没搞清楚,如何设置一张首页。 本数程就是告诉您页面大抵是怎样构成的,所以测试者可直接套用这模版(复制&粘贴)。
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.extend()干的不错,它使你能够建立强大的面向对象的JavaScript类层次结构。你可以用它构建你自己的类和派生类,当然也可以扩展Ext的内建类。如果不熟悉Ext.extend(),你应该先读一下Manual:Intro:Inheritance。
文件位置:source\core\Ext.js Ext中判断浏览器和操作系统的代码非常简洁,代码如下:
var ua ......
文件位置:source\core\Ext.js 该文件的第二句就是
// for old browsers window["undefined"] = window["undefined"];
咋一看上去有点摸不着头脑,等号左右两边是一模一样的.看注释说明,是为了兼容旧的浏览器,难道旧的浏览器没有window["undefined"]这一个属性?
官方论坛上 Animal 是这样回答的:
今天开始阅读ExtJs的源代码,我会把在阅读过程中认为有价值,或者需要标记一下的内容写到这一个分类里面.一些理解可能并不是对的,欢迎大家指正.
1 入门导向 2 揭示源代码 3 发布Ext源码时的一些细节 4 我应该从哪里开始? 5 适配器Adapters 6 核心Core
入门导向
1 事前准备 2 需要些什么? 3 applayout.html 4 applayout.js 5 公开Public、私有Private、特权的Privileged? 6 重写公共变量 7 重写(Overriding)公共函数 7.1 参见
事前准备
1 引言 2 慢慢开始 3 原理是?? 4 本地化文件的葫芦里卖的什么药? 5 应用程序的本地化 6 高级提示
目录: 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 完成的代码
预计实现的效果图:
实现的目的
蹒跚学步 第一步 - 入门 想必您已经听说过 Ext、浏览了在线演示,并且尝试阅读API文档。不过,面对复杂的API文档,您却不如何下手?!
第二步 - 起步 通览过API文档,并且找到了所要立刻尝试的功能,面对混杂的网页源代码,如何开始一个简单的测试页面?那么……
Manual:Intro:Event Handling(中文翻译) 在Javascript中,你将不得不经常进行事件的处理。这有时很难顺利进行,因为你需要进行不同的跨浏览器标准化事件处理。而ExtJs使得处理事件变得非常容易,有时候甚至还富于乐趣(!)。
非常基础的例子
无论你是Ext库的新手,抑或是想了解Ext的人,本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和初级了解HTML Dom。
下载Ext
DomQuery基础
DomQuery的select函数有两个参数。第一个是选择符字符(selector string )而第二个是欲生成查询的标签ID(TAG ID)。本文中我准备使用函数“Ext.query”但读者须谨记它是“Ext.DomQuery.select()”的简写方式。
这是要入手的html:
[code]