ExtCore中文教程：入门轻型JavaScript库

需积分: 10 159 浏览量更新于2024-07-25 收藏 532KB PDF 举报

"《ExtJs中文学习手册》是一本专为初学者设计的ExtJS教程，该书旨在帮助读者理解和掌握这款强大的JavaScript库。ExtCore是该框架的核心组件，它提供了一系列基础且实用的功能，如DOM操作、Ajax异步通信、事件处理、动画效果、模板引擎以及模块化设计，这些都是构建高效Web应用的重要基石。该手册介绍ExtCore于2009年4月5日至5.3版本，强调了其在快速Web开发中的灵活性和高质量代码的标准。它采用MIT许可，适用于各种项目，无论是动态网页还是简单的应用程序。版本包括了调试版本和产品版本，前者用于开发过程以便于查看未混淆的错误信息，后者则是经过压缩和混淆的生产环境版本。学习者可以通过在HTML中引入`<script>`标签来开始使用ExtCore。对于开发环境，推荐使用`ext-core-debug.js`，而生产环境中则直接引用`ext-core.js`。需要注意的是，ExtCore不包含任何CSS文件，开发者需要自行管理样式。书中还提供了一个简单示例，展示了如何在ExtCore加载完成后执行基本操作，如动态创建和修改DOM元素。通过`Ext.onReady`函数，代码演示了如何向页面添加一个段落元素并更改其内容。该手册由TommyMaintz、AaronConran、JamesDonaghue、JamieAvins和EvanTrimboli共同编写，而中文版是由译者根据原始文档在2009年4月5日发布的，授权遵循GNU Free Documentation License。翻译工作主要由Ext中文站（ajaxjs.com）负责，提供了简体中文和繁体中文（正体中文）两种语言版本，方便不同地区的用户学习。《ExtJs中文学习手册》是一份实用的学习资料，无论是对ExtJS库的初学者还是进阶开发者，都能从中获取到深入理解并熟练运用ExtCore的关键信息。"

结果如下：

我们已见识过游历 DOM 方面，依靠 Ext Core 所带来的强大威力，——类似还有更多的，看看：

• is

测试当前元素是否与传入的选择符相符一致。

var el = Ext.get('elId');

if (el.is('p.myCls')) {

// 条件成立

}

• findParent

定位于此节点，以此节点为起点，向外围搜索外层的父节点，搜索条件必须符合并匹配传

入的简易选择符。

Ext.fly('elId').findParent('div'); // 返回 dom 节点

Ext.fly('elId').findParent('div', 4); // 查找 4 个节点

Ext.fly('elId').findParent('div', null, true); // 返回 Ext.Element

• findParentNode

定位于此节点的“父节点”，以此节点的“父节点”为起点，向外围搜索外层的“父父”

节点，搜索条件必须符合并匹配传入的简易选择符。

Ext.fly('elId').findParentNode('div');

• up

沿着 DOM，向外围搜索外层的“父父”节点，搜索条件必须符合并匹配传入的简易选择符。

Ext.fly('elId').up('div');

Ext.fly('elId').up('div', 5); // 限 5 层的内查找

• select

传入一个 CSS 选择符的参数，然后依据该 CSS 选择符从当前元素下面，形成期待匹配子节

点的集合，也就是“选择”的操作，最后以一个 Ext.CompositeElement 类型的组合元素的

形式返回。如果以 Ext.select()调用表示从 document 可是搜索。

// 返回结果的 CompositeElement

Ext.fly('elId').select('div:nth-child(2)');

// 返回数组

Ext.fly('elId').select('div:nth-child(2)',

true);

剩余42页未读，继续阅读

向北晴天

粉丝: 11
资源: 11

ExtCore中文教程：入门轻型JavaScript库

extJs2.0 中文手册

中文的Extjs的api手册

Extjs3.2中文帮助手册

EXTjs中文参考手册

ExtJS4.1 中文学习手册

ExtJS4学习手册：入门到初步实践

ExtJS4.0学习手册：从入门到实践

很适合学习EXTJS的中文手册

Extjs4.0中文学习手册、入门详解

Extjs4.0中文学习手册_入门详解.docx

最新资源