Ext常用语法
获取页面元素:
();//非常耗内存,不能使用
Ext.fly();//虽然省内存,但基本上只能使用一次
Dom();//适合直接获取页面元素
Ext.Element常用方法:
查询系方法:
contains:判断元素是否包含另一个元素
child:从元素的直接子元素中选择与选择符匹配的元素
down:选择与选择符匹配的元素的子元素
first:选择元素第一个子元素
findParent:查与简单选择符匹配的元素的父元素
findParentNode、up:查与简单选择符匹配的元素的父元素
is:判断元素是否匹配选择符
last:选择元素的最后一个子元素
next:选择元素同层的下一个元素
prew:选择元素同层的上一个元素
parent:返回元素的父元素
Ext.query:根据选择符获取元素
Ext.select:根据选择符获取元素集合
DOM操作系方法:
appendTo:将当前元素追加到指定元素中
appendChild:在当前元素中追加元素
createChild:在元素中插入由DomHelper对象创建的元素
inertAfter:将元素插入到指定元素之后
inertBefore:将元素插入到指定元素之前
inertSibling:在当前元素前或后插入(或创建)元素(同层)。
insertHtml:在当前元素内插入HTML代码
remove:移除当前元素
replace:使用当前元素替换指定元素
replaceWith:使用创建的元素替换当前的元素
wrap:创建一个元素,并将当前元素包裹起来。
样式操作系方法(一):
addCls:增加CSS样式到元素,重复的样式会自动过滤
applyStyles:设置元素的style属性
setStyle:为元素设置样式
getStyle:返回元素的当前样式和计算样式
getStyleSize:返回元素的样式尺寸
setOpacity:设置不透明度
clearOpacity:;清理不透明度设置
getColor:返回CSS颜属性的值,返回值为6位数组的16进制颜值
boxWrap:使用box.Markup定义的HTML代码包装元素
样式操作系方法(二):
addClsOnClick添加样式当点击该元素的时候
addClsOnOver添加样式当鼠标移动到元素上的时候
getMargin:返回值具有top、left、right、bottom属性的对象,属性值为响应的元素margin值。
removeCls:删除元素的样式
replaceCls:替换元素的样式
set:设置元素属性
radioCls:为当前元素添加样式,并删除其兄弟节点的元素
unituzeBox:将表示margin大小的对象转换为字符串
对齐操作系方法:
alignTo:将当前元素对齐到另外一个元素。定位位置的选择是基于所对齐的元素的位置(9个定位点tl、t、tr、l、c、r、bl、b、br)。
anchorTo:当窗口调整大小时,将当前元素锚到指定元素并重新调整
removeAnchor:移除当前元素的任何锚定位
尺寸大小操作系方法(一):
setHeight:设置元素宽度
setWidth:设置元素高度
setSize:设置元素大小
cilp:存储元素当前的overflow设置并裁剪溢出。
unlip:在clip被调用前将裁剪值(溢出)还原为原始值
getDocumentWidth:返回文档宽度
getDocumentHeight:返回文档高度
getFrameWidth:返回合计了padding和border的宽度
getHeight:返回offsetHeight值
getWidth:返回offsetWidth值
getPadding:返回padding的宽度
getSize:返回元素的大小
尺寸大小操作系方法(二):
getTextWidth:返回文本宽度
getViewportHeight:返回窗口的可视高度
getViewportWidth:返回窗口的可视宽度
getViewSize:返回元素可以用来放置内容的区域大小
getBorderWidth:返回边界宽度
getComputedWidth:返回计算出来的CSS宽度
getComputedHeight:返回计算出来的CSS高度
isBorderBox:主要用于检测盒子模型,与IE6、7有关
定位系方法(一):
clearPositioning:当文档加载完成后,清理定位回到默认值
fromPoint:返回在建瓯的自拍呢的顶层元素
getBottom:返回右下角的Y坐标
getBox:返回一个包含元素位置的对象,对象包括元素左上角的坐标值、右下角的坐标值、宽度和高度。
getCenterXY:返回元素的当前坐标
getLeft:返回一个包含元素位置的对象
getPositioning:返回一个包含CSS位置属性的对象
getRegin:返回元素所在区域
getRight:返回元素的右边X坐标
getTop:返回元素顶部Y坐标
getViewRegion:返回元素的内容区域
getX:返回元素当前的X坐标
getY:返回元素当前的Y坐标
定位系方法(二):
getXY:返回元素当前的XY坐标
move:移动元素
moveTo:将元素移动到指定的XY坐标上
position:初始化元素的位置
setBottom:设置元素的bottom样式
setBounds:设置元素的位置和大小
setBox:设置元素的位置大小
setLeft:设置元素坐标的X坐标
setRight:设置元素right的样式值
setLeftTop:设置元素左上角坐标
setLocation:设置元素位置
setTop:设置元素的顶部Y坐标
setX、setY、setXY:设置元素的X、Y、XY坐标位置
translatePoints:转换元素的页面坐标为CSS的left和top值
滚动系方法:
getScroll:返回元素当前滚动条的位置
isScrollable:如果元素允许滚动,则返回true
scroll:滚动到指定位置
scrollIntoView:将元素滚动到指定容器的可视区域
scrollTo:将元素滚动到指定的位置
常用事件方法:
addKepMap:为元素创建一个KeyMap对象
addKeyListener:为KeyMap绑定事件
常用事件
on:绑定事件
un:移除事件
click:单机事件
blur:失去焦点事件
focus:获得焦点事件
其他方法(一):
center:使元素居中
clean:清理空白的文本节点
createShim:为元素创建一个iframe垫片保证选择或其他对象跨域时可见
getLoader:返回ElementLoader对象
highlight 高亮显示特效
show 、hide显示隐藏元素
ghost  元素移动特效
fadeIn、fadeOout淡入淡出
slideIn、slideOut向上向下滑动
其他方法(二):
getValue:如果元素有value属性,返回其值
normalize:将CSS属性中的连接符号去掉,例如将“font-size”转为fontSize这样。
load:直接调用ElementLoader的load方法为元素加载内容
mask:遮罩当前元素,屏蔽用户操作。
unmask:移除遮罩
repaint:强迫浏览器重新绘画元素
serializeForm:序列化为URL编码的字符串
update:更新元素的innerHTML属性
borderbox
unselectable:禁用文本选择
DomHelper常用方法:
createHtml或markup方法
createDom方法
append方法
insertHTML方法
overwrite方法
createTemplate方法
applyStyles方法
Ext.query基本使用形式:
Ext.query('span')      返回整个文档的span标签
Ext.query('span' , 'root')    根据跟节点进行查询
Ext.query('#id')        根据id进行查询,但返回数组   

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。