新手指南：EXT JS中文教程与实践实例

3星 · 超过75%的资源需积分: 0 114 浏览量更新于2024-07-27 收藏 2.07MB PDF 举报

"EXTJS中文教程是一份全面的入门指南，专为初学者设计，旨在帮助读者理解和掌握这个强大的JavaScript库。该教程由互联网上的资料收集整理而成，详细介绍了EXTJS的各项关键内容，包括但不限于以下几个方面： 1. **EXT简介**：教程首先对EXTJS进行了概述，让读者了解其在Web开发中的角色和应用场景，可能涉及版本、特性和优势。 2. **核心元素**：重点讲解了EXT的核心组件，如Element，如何获取和操作DOM节点，以及如何响应用户事件。这部分内容对于理解EXT的基础操作至关重要。 3. **Widgets和Ajax**：介绍了如何使用EXT的Widget组件进行界面构建，并讲解了如何利用Ajax技术实现与服务器的异步通信，提高用户体验。 4. **源码解析**：对于开发者来说，源码概述部分有助于理解EXT内部工作原理，包括发布源码时的注意事项和适配器（Adapters）的作用。 5. **编程入门**：教程还涉及编程概念，如JavaScript作用域、变量可见性，以及如何进行程序规划，包括区分公开、私有和特权变量，以及重写公共函数。 6. **DomQuery基础**：这部分内容涵盖了DOM查询的基本知识，对于EXT组件的扩展和DOM操作非常实用。 7. **组件扩展**：提供了创建和定制EXT组件的步骤，包括文件的创建和编写代码示例。 8. **布局管理**：深入探讨EXT的布局机制，通过实例展示了如何使用简单的例子来布局组件和实现Grid组件的分页功能。 9. **Grid组件**：详述Grid的数据定义、列模型设置，以及如何创建分页栏和Menu组件，通过练习环节帮助读者巩固所学知识。 10. **模板技术**：介绍模板（Templates）的使用，包括HTML模板的创建、数据填充和格式化功能，引导读者逐步掌握高级功能。这份教程以实例驱动的方式，系统地教授了EXTJS的各个方面，适合新手从零开始学习和实践，以便快速上手并构建高效、美观的Web应用。"

EXT 中文手册

EXT 中文手册 pjq 收集整理

2008

1.（名词）某样事物执行、操作、拥有控制权的那么一个区域 [1]

2. （名词）编写程序时，程序之中变量的可见度；例如，一个函数能否使用另外一个函数所创建的变量。

[2]

可是这能够说明什么问题呢？每当有人在说“这是作用域的问题”或“作用域搞错了”的时候，那就是

说某个函数运行起来的时候，找不到正确变量的位置。这样我们便知道应该从哪一方面入手，查找出问题

所在。

正式开始

实际上每一个你定义的函数都是某个对象的方法。甚至是这样的写法：

function fn() {

alert(11);

}

老兄你不是故弄玄虚吧～。做一个这样的演示可真得是简单得要命。没错！本例不需要任何 Javascript

文件，服务器或 html。你只要打开 firefox，弹出 firebug,点击 console tab。在 Firefox 状态栏上面看到有>>>

提示的地方就可以输入了。

输入：

function fn() { alert(11); };

然后回车。一切安然...你刚才做的实际上是定义了一个函数 fn。接着试试：

fn();

然后回车。得到 11 的警告窗口？还不错吧？接着试试：

window.fn();

this.fn();

得到一样的结果吧？这是因为函数 fn 是 window 对象的一个方法，在第二行的"this"的作用域实际指

向了 windows 对象。不过多数情况中你不需要像这样 window.myFunction(...)地调用函数，这样太麻烦了，

程序员工作起来会很不方便。

window 对象

window 对象总是存在的，你可理解其为一个浏览器窗口对象。它包含了其它所有的对象如 document

和所有的全局变量。

你可以打开 Firebug，切换到 S cript 页面并在 Firebug 右侧的 New watch expression... 里面输入

window。观察 window 对象究竟有什么在里面。

接着，尝试找出我们之前定义过的 fn 函数。

另外，每个 frame 或 iframe 拥有其自身的 window 对象，其自身的全局空间。

EXT 中文手册

EXT 中文手册 pjq 收集整理

2008

理解作用域

接下的内容开始有点复杂了。切换到 Firebug Console 标签页然后输入：

var o1 = {testvar:22, fun:function() { alert('o1: ' + this.testvar); }};

var o2 = {testvar:33, fun:function() { alert('o2: ' + this.testvar); }};

结果是什么？你声明了 o1 和 o2 两个对象，分别都有一些属性和方法，但值不同。

接着试试：

fun();

window.fun();

this.fun();

出错了，是吧？因为 window 对象（等价于 this）并没有 fun 的方法。试一试下面的：

o1.fun();

o2.fun();

22 和 33 出来了？非常好！

接下来这部分的内容最复杂啦。基于这个原始的函数，如果对象的数量多的话，你必须为每个对象

加上这个函数－明显是重复劳动了。这样说吧，o1.fun 写得非常清晰的而且为了搞掂它已经占用了我一个

星期的开发时间。想象一下代码到处散布着 this 变量，怎么能不头疼？如果要将调用（执行）的 o1.fun 方

法但 this 会执行 o2,应该怎么实现呢？试一试下面的：

o1.fun.call(o2);

明白了吗？当执行 o1 的 fun 方法时你强行将变量 this 指向到 o2 这个对象，换句话说，更加严谨地

说:o1.fun 的方法在对象 o2 的作用域下运行。

当运行一个函数，一个对象的方法时，你可将作用域当作 this 值的变量。

变量的可见度

变量的可见度和作用域的关系非常密切。我们已经了解到，可在任何对象的外部，声明变量，或在

全局的函数（函数也是变量的一种）也可以，更严格说，它们是全局对象 window 的属性。全局变量在任

何地方都可见；无论函数的内部还是外部。如果你在某一个函数内修改了一个全局变量，其它函数也会得

知这个值是修改过的。

对象可以有它自己的属性（像上面的 testvar）,这些属性允许从内部或是外部均是可见的。试：

alert(o1.testvar); // 从外部访问 o1 的属性 testvar

从内部访问的演示可在两个测试对象的 fun 方法找到。

用关键字 var 在内部声明，相当于声明局部变量（局部声明也是在一条链上，即 Scope Chain 作用域

剩余99页未读，继续阅读

AsyDong

粉丝: 15
资源: 8

新手指南：EXT JS中文教程与实践实例

ExtJs 实例+ExtJs中文教程（学习extjs必备）

很全很实用的ExtJs中文教程

Extjs中文教程

ExtJs中文教程

ExtJs 中文教程

extjs中文教程 ajax

Extjs中文教程,Extjs官方提供

Extjs中文教程+Ext API

Extjs中文教程2.x

EXTjs中文教程和实用开发指南

最新资源