EXT 中文手册
前言
本手册所有内容均粘贴自互联网,如有错误,请多见谅。
目录
EXT 中文手册 (1)
EXT简介 (4)
目錄 (4)
下载Ext (5)
开始! (5)
Element:Ext的核心 (5)
获取多个DOM的节点 (6)
响应事件 (6)
使用Widgets (8)
使用Ajax (10)
EXT源码概述 (12)
揭示源代码 (12)
发布Ext源码时的一些细节 (13)
我应该从哪里开始? (14)
适配器Adapters (14)
核心Core (14)
Javascript中的作用域(scope) (14)
事前准备 (14)
定义 (14)
正式开始 (15)
window对象 (15)
理解作用域 (16)
变量的可见度 (16)
EXT程序规划入门 (17)
事前准备 (17)
需要些什么? (17)
applayout.html (17)
applayout.js (18)
公开Public、私有Private、特权的Privileged? (20)
重写公共变量 (22)
重写(Overriding)公共函数 (22)
DomQuery基础 (23)
DomQuery基础 (23)
扩展EXT组件 (30)
文件的创建 (30)
Let's go (34)
完成 (36)
EXT的布局(Layout) (38)
简单的例子 (39)
加入内容 (42)
开始使用Grid (52)
步骤一定义数据(Data Definition) (52)
步骤二列模型(Column Model) (53)
Grid组件的简易分页 (54)
G r i d数据 (54)
怎么做一个分页的G r i d (55)
分页栏T o o l b a r (55)
EXT Menu组件 (56)
创建简易菜单 (56)
各种I t e m的类型 (58)
I t e m属性 (58)
在U I中摆放菜单 (58)
M e n u的分配方式: (59)
练一练 (61)
动态添加菜单按钮到T o o l b a r (61)
更方便的是 (62)
下一步是 (62)
模板(Templates)起步 (62)
第一步您的HTML模板 (62)
第二步,将数据加入到模板中 (63)
下一步 (63)
学习利用模板(Templates)的格式化功能 (63)
正式开始 (63)
下一步 (65)
事件处理 (65)
非常基础的例子 (65)
处理函数的作用域 (65)
传递参数 (66)
类设计 (66)
对象创建 (66)
使用构造器函数 (67)
方法共享 (67)
表单组件入门 (68)
表单体 (68)
创建表单字段 (68)
完成表单 (69)
下一步 (70)
为一个表单填充或提交数据 (70)
让我们开始吧 (70)
读取我们的数据 (71)
EXT中的继承 (72)
补充资料 (73)
Ext 2 概述 (73)
组件模型 Component Model (75)
容器模型Container Model (79)
布局 Layouts (80)
Grid (83)
XTemplate (83)
DataView (84)
其它新组件 (84)
EXT2简介 (85)
下载Ext (85)
开始! (86)
Element:Ext的核心 (86)
获取多个DOM的节点 (87)
响应事件 (87)
使用Widgets (89)
編輯使用Ajax (92)
TabPanel基础 (95)
Step 1: 创建 HTML 骨架 (95)
Step 2: Ext结构的构建 (96)
Step 3: 创建Tab控制逻辑 (98)
EXT简介
无论你是Ext库的新手,抑或是想了解Ext的人,本篇文章的内容都适合你。本文将简单地介绍Ext 的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和初级了解HTML Dom。
目錄
• 1 下载Ext
• 2 开始!
• 3 Element:Ext的核心
• 4 获取多个DOM的节点
• 5 响应事件
• 6 使用Widgets
o 6.1 MessageBox
o 6.2 Grid
o 6.3 还有更多的..
•7 使用Ajax
o7.1 PHP
o7.2 ASP.Net
o7.3 Cold Fusion
下载Ext
如果你未曾下载过,那应从这里下载最新版本的Ext extjs/downloads。
针对你的下载需求,有几个不同的弹性选项。通常地,最稳定的版本,是较多人的选择。下载解包后,那个example文件夹便是一个探索Ext的好地方!
开始!
Download Example File
•IntroToExt.zip
我们将使用Ext,来完成一些JavaScript任务。
Zip文件包括三个文件:ExtStart.html, ExtStart.js和ExtStart.css。解包这三个文件到Ext的安装目录中(例如,Ext是在“C:\code\Ext\v1.0”中,那应该在"v1.0"里面新建目录“tutorial”。双击ExtStart.htm,接着你的浏览器打开启动页面,应该会有一条消息告诉你配置已完毕。如果是一个Javascript错误,请按照页面上的指引操作。
在你常用的IDE中或文本编辑器中,打开ExtStart.js看看:
alert("Congratulations! You have Ext configured correctly!");
});
Element:Ext的核心
大多数的JavaScript操作都需要先获取页面上的某个元素(reference),好让你来做些实质性的事情。传统的JavaScript方法,是通过ID获取Dom节点的:
var myDiv = ElementById('myDiv');
这毫无问题,不过这样单单返回一个对象(DOM节点),用起来并不是太实用和方便。为了要用那节点干点事情,你还将要手工编写不少的代码;另外,对于不同类型浏览器之间的差异,要你处理起来可真头大了。
进入Ext.element 对象。元素(element)的的确确是Ext的心脏地带,--无论是访问元素(elements)还是完成一些其他动作,都要涉及它。Element的 API是整个Ext库的基础,如果你时间不多,只是想了解Ext中的一两个类的话,Element一定是首选!
由ID获取一个Ext Element如下(首页ExtStart.htm包含一个div,ID名字为“myDiv”,然后,在ExtStart.js 中加入下列语句):
1038
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论