1 / 11
文档名称:

EXT(js)教程(0积分下载).doc

格式:doc   大小:35KB   页数:11页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

EXT(js)教程(0积分下载).doc

上传人:iris028 2021/1/24 文件大小:35 KB

下载得到文件列表

EXT(js)教程(0积分下载).doc

文档介绍

文档介绍:Ext简介
Ext简介Ext简介Ext简介Ext简介Ext简介Ext简介Ext简介Ext简介Ext简介Ext简介
我们将讲讲怎么使用Ext,来完成一些JavaScript常见的任务。如果你想自己试试,,用来构建已下面的Ext代码。
Zip包里有三个文件:, 。解包这三个文件到Ext的安装目录中(例如,Ext是在“C:\code\Ext\”中,那应该在""里面新建目录“tutorial”。,接着你的浏览器打开启动页面,应该会有一条消息告诉你配置已完毕。如果出现了Javascript错误,请按照页面上的指引操作。
现在在你常用的IDE中或文本编辑器中,。
(function(){
      alert("Congratulations! You have Ext configured correctly!");
});
。这个方法会在DOM加载全部完毕后,保证页面内的所有元素能被Script引用(reference)之后调用。你可删除alert()那行,加入一些实际用途的代码试试。
Element:Ext的核心
大多数的JavaScript操作都需要先获取页面上的某个元素的引用(reference),好让你来做些实质性的事情。传统的JavaScript做法,是通过ID获取Dom节点的:
var myDiv = ('myDiv');
这毫无问题,不过这样单单返回一个对象(DOM节点),用起来并不是太实用和方便。为了要用那节点干点事情,你还将要手工编写不少的代码;另外,对于不同类型浏览器之间的差异,要处理起来可真头大了。
对象。元素(element)的的确确是Ext的心脏地带,--无论是访问元素(elements)还是完成一些其他动作,都要涉及它。Element的 API是整个Ext库的基础,如果你时间不多,只是想了解Ext中的一两个类的话,Element一定是首选!
由 ID获取一个Ext Element如下(,ID名字为“myDiv”,然后,): The corresponding code to get an Ext Element by ID looks like this (the starter page contains a div with the id "myDiv," so go ahead and add this code to ):
(function(){
      var myDiv = ('myDiv');
});
再回头看看Element对象,发现什么有趣的东东呢?
·         Element包含了常见的DOM方法和属性,提供一个快捷的、统一的、跨浏览器的接口(,就可以直接访问底层DOM的节点。);
·         ()方法提供内置缓存(Cache),多次访问同一对象效率上有极大优势;
·         内置常用的DOM节点的动作,并且是跨浏览器的定位的位置、大小、动画、拖放等等(add/remove CSS classes, add/remove event handlers, positioning, sizing, animation, drag/drop)。
这意味着你可用少量的代码来做各种各样的事情,这里仅仅是一个简单的例子(完整的列表在Element API 文档中)。
,在刚才我们获取好myDiv的位置中加入:
();      //黄色高亮显示然后渐退
('red'); // 添加自定义CSS类 ()
();         //在视图中将元素居中
(.25); // 使元素半透明
获取多个DOM的节点
通常情况下,想获取多个DOM的节点,难以依靠ID的方式来获取。有可能因为没设置ID,或者你不知道ID,又或者直接用ID方式引用有太多元素了。这种情况下,你就