Extjs-常用函数.doc

1. onReady() [plain]?view plaincopy Ext需要操作HTML中的DOM内容,只有页面完全下载到客户端并被浏览器完全解析后,我们才可以启动Ext执行预先设置的功能,我们可以使用这个函数来实现这项功能?? 2.get 函数 [plain]?view plaincopy Ext中以get开头的函数,可以用来获取HTML中的DOM对象,当前HTML中的组件和Ext元素等,但是在使用时要注意区分获取的对象类型?? 3.get() [plain]?view plaincopy get函数用来获取EXT元素,也就是类型为Ext.Element的对象.?? Ext.Element类是Ext对DOM的封装,每一个Element对象都对应着HTMl中的一个DOM元素.?? 我们可以为DOM创建一个Element对象,并且通过Element对象中的函数来实现对DOM的指定操作?? 例如可以使用hide()函数隐藏元素,使用initDD函数为指定的DOM添加拖放特性等,?? get函数其实是Ext.Element.get的简写?? get()函数中只有一个参数,但这个参数可以表示多含义.?? 它可以是DOM节点的id,也可以是一个Element,或者是一个DOM节点对象?? [plain]?view plaincopy script?type=text/javascript?? ????Ext.onReady(function(){?? ????????//这三个函数都是获取一个与DOM节点lwc对应的EXT元素?? ????????//方法一,下面两个方法是一样的?? ????????alert(Ext.get(lwc));?? ????????alert(new?Ext.Element(lwc));?? ????????//方法二?? ????????alert(document.getElementById(lwc));?? ????});?? /script?? [plain]?view plaincopy Ext.Element(MyDiv)与document.getElementById(MyDiv)获取对象是不同的?? Ext.Element(MyDiv)虽然可以获取指定id的元素,但失去了EXT提供的常用操作,如动画,CSS?? 如果我们想通过Ext的get()函数获取指定id的HTML中对应的实际DOM对象,我们使用?? [javascript]?view plaincopy Ext.get(MyDiv).dom?? 示例 [javascript]?view plaincopystyle?type=text/css?? ????.red?{?? ????????background:?red;?? ????}?? /style?? script?type=text/javascript?? ????Ext.onReady(function(){?? ????????//第一步:获取Element对象?? ????????var?myDiv?=?new?Ext.get(lwc);?? ????????//第二步:用获取的Element对象定义简单动画?? ????????myDiv.highlight();//突出显示,然后渐退?? ????????myDiv.addClass(red);//指定样式表?? ????????myDiv.center();//居中显示?? ????????//myDiv.setOpacity(.25);//半透明效果?? ????????/*? ????????????第三步:实现渐变动画效果? ????????????虽然MyDiv.setWidth(100)可以设置MyDiv的高度,但是无法实现渐变的动画效果? ????????????我们使用MyDiv.setWidth(100,true)第二个参数是打开动画效果? ????????*/?? ????????//myDiv.setWidth(100,true);?? ????????//第三步:还可以这样控制动画效果?? ????????myDiv.setWidth(100,{?? ????????????//表示间隔,数字越大越慢?? ????????????duration?:?2,?? ????????????//动画执行完成执行的回调函数?? ????????????callback?:?function(){?? ????????????????alert(渐变成功);?? ????????????},?? ????????????//callback的作用域?? ????????????scope