EXTJS经典教程

《EXTJS经典教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、EXT中文手册前言目录EXT中文手册1EXT简介3目錄3下载Ext4开始！4Element：Ext的核心4获取多个DOM的节点5响应事件5使用Widgets7使用Ajax9EXT源码概述11揭示源代码11发布Ext源码时的一些细节12我应该从哪里开始？13适配器Adapters13核心Core13Javascript中的作用域（scope）13事前准备13定义13正式开始14window对象14理解作用域15变量的可见度15EXT程序规划入门16事前准备16需要些什么？16applayout.html16ap

2、playout.js17公开Public、私有Private、特权的Privileged？19重写公共变量21重写（Overriding）公共函数21DomQuery基础22DomQuery基础22扩展EXT组件29文件的创建30Let'sgo33完成35EXT的布局（Layout）37简单的例子38加入内容42开始使用Grid51步骤一定义数据(DataDefinition)51步骤二列模型（ColumnModel）52Grid组件的简易分页53Grid数据53怎么做一个分页的Grid54分页栏Toolba

3、r55EXTMenu组件55创建简易菜单56各种Item的类型57Item属性57在UI中摆放菜单58Menu的分配方式：58练一练60动态添加菜单按钮到Toolbar61更方便的是61下一步是62模板（Templates）起步62第一步您的HTML模板62第二步，将数据加入到模板中62下一步63学习利用模板（Templates）的格式化功能63正式开始63下一步64事件处理64非常基础的例子64处理函数的作用域64传递参数65类设计66对象创建66使用构造器函数66方法共享66表单组件入门67表单体67创建

4、表单字段67完成表单68下一步69为一个表单填充或提交数据69让我们开始吧69读取我们的数据71EXT中的继承71补充资料73Ext2概述73组件模型ComponentModel74容器模型ContainerModel78布局Layouts80Grid82XTemplate83DataView84其它新组件84EXT2简介85下载Ext85开始！85Element：Ext的核心86获取多个DOM的节点87响应事件87使用Widgets88編輯使用Ajax91TabPanel基础94Step1:创建HTML骨架

5、94Step2:Ext结构的构建96Step3:创建Tab控制逻辑97EXT简介无论你是Ext库的新手，抑或是想了解Ext的人，本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念，和如何快速地做出一个动态的页面并运行起来，假设读者已具备了一些JavaScript经验和初级了解HTMLDom。目錄·1下载Ext·2开始！·3Element：Ext的核心·4获取多个DOM的节点·5响应事件·6使用Widgetso6.1MessageBoxo6.2Grido6.3还有更多的..·7使用Ajaxo7.1PH

6、Po7.2ASP.Neto7.3ColdFusion下载Ext如果你未曾下载过，那应从这里下载最新版本的Exthttp://extjs.com/downloads。针对你的下载需求，有几个不同的弹性选项。通常地，最稳定的版本，是较多人的选择。下载解包后，那个example文件夹便是一个探索Ext的好地方！开始！DownloadExampleFile·IntroToExt.zip我们将使用Ext，来完成一些JavaScript任务。Zip文件包括三个文件：ExtStart.html,ExtStart.js和Ex

7、tStart.css。解包这三个文件到Ext的安装目录中（例如，Ext是在“C:codeExtv1.0”中，那应该在"v1.0"里面新建目录“tutorial”。双击ExtStart.htm，接着你的浏览器打开启动页面，应该会有一条消息告诉你配置已完毕。如果是一个Javascript错误，请按照页面上的指引操作。在你常用的IDE中或文本编辑器中，打开ExtStart.js看看：Ext.onReady可能是你接触的第一个方法。这个方法是指当前DOM加载完毕后，保证页面内的所有元素能被Script引用（re

8、ference）。你可删除alert()那行，加入一些实际用途的代码试试：Ext.onReady(function(){alert("Congratulations!YouhaveExtconfiguredcorrectly!");});Element：Ext的核心大多数的JavaScript操作都需要先获取页面上的某个元素（reference）,好让你来做些实质性的事情。传统的JavaScript