Ext.Element API比较多,大伙用的时候也难以在短时间把住它的脉络,主要功能。这个给个总结,而不是一个API说明。说到API说明,网上早有大侠做得蛮不错的了。
位置设置:
getX()?? 取得相对于页面的x坐标
getY()?? 取得相对于页面的y坐标
getXY() 取得相对于页面的x,y坐标,用法:ele.getXY()[0]/[1]
getOffsetsTo(el)? 取得相对元素el的坐标,返回值[x,y]
setX(x,animate)?? 设相对于页面的x坐标,animate为true则开启默认动画效果
setY(y,animate) 同上
setLeft(left) 设style.left
setTop(top) 设style.top
setRight(right) 设style.right
setBottom(bottom) 设style.bottom
setXY(pos,animate) 设相对于页面的x,y,相当于setX,setY。用法:setXY([x,y],true)
setLocation(x,y,animate) 相当于setXY。
getRegion()??????? return {top=t,left=l,width=w,height=r}
getHeight(true|false)??? true不包括边框、内边距,false包括
getBorderWidth(anthor)
getPadding(anthor)
getComputedHeight()? 包括边框、内边距
getComputedWidth()
getSize()?? 相当于getWidth、getHeight?? {width:w,height:h}
getStyleSize()?? 取style.width、style.height,且不包括边框{width:w,height:h}
getViewSize()??? 取视口大小{width:w,height:h}
getValue()???? 如果有value属必就取它
setWidth(width,animate)???? 设style.width
setHeight(height,animate)??? 设style.height
setSize(width,height,animate)
setBounds(x,y,width,height,animate)?? 相当于setSize、setXY
setRegion(region,animate)????? 相当于setBounds
getScroll()??????????? 取得当前视口在文档中水平、垂直方向上的偏移,返回{left:l,top:t}
setOpacity(opacity,animate)
getLeft(local)??? false相当于getX,true相当于style.left
getRight(local)?? false相当于getX+getWidth,true相当于getLeft(true)+getWidth()
getTop(local) false相当于getY,true相当于style.top
getBottom(local)
position(pos,zIndex,x,y)? string:pos,取static,relative,absolute,fixed
????????????????????????? zIndex设z序,x,y用来调用setXY的
clearPositionsing(value)? 作用非得看代码
??? clearPositioning : function(value){
??????? value = value ||'';
??????? this.setStyle({
??????????? "left": value,
??????????? "right": value,
??????????? "top": value,
??????????? "bottom": value,
??????????? "z-index": "",
??????????? "position" : "static"
??????? });
??????? return this;
??? }
getPositioning() 取值格式如上{……}
setPositioning(pc)? 用法同applyStyles
setLeftTop(left,top)? 就是设style.left,style.top
moveTo(x,y,animate) 相当于setXY
move(direction,distance,animate)?? 很有用,direction移动方向,取t,l,r,b。
??????????????????? distance是移动的距离,animate是否启用动画效果
getAnchorXY(anchor,local,s) 取得对齐到某处的页面x,y坐标
getCenterXY() 取得对齐到视口中央的页面x,y坐标
getAlignToXY(el,p,o) 取得对齐到某元素某处的页面x,y坐标
alignTo(element,position,offsets,animate) 对齐到元素的某处,允许偏移、动画
anchorTo(el,alignment,offsets,animate,monitorScroll,callback) 对齐到元素
center(centerIn) 对齐到视口中央
getBox(contentBox,local) contentBox=false包括边框、内边距 local=false获取页面坐标
setBox(box,adjust,animate)?? box包括边框、内边距
getFrameWidth(sides,onlycontentBox)
repaint()??? 强制刷新元素
?
关于样式、属性设置
addClass(String/Array className )
removeClass(String/Array className)
replaceClass(String oldClassName, String newClassName )
radioClass(String/Array className )
toggleClass(String className )
setStyle(name,value)
getStyle(name)
hasClass(className)
addClassOnClick(classname)
addClassOnFocus(classname)
addClassOnOver(classname)
hover(classsname,bool preventFlicker)
页点操作:
append(ele)
appendTo(ele)
replace(ele)
replaceWith(ele)
insertBefore(ele)
insertAfter(ele)
insertFirst(ele)
insertHtml(where,html,returnEl)
insertSibling(el,where,returnDom)
remove()
createChild(config,HTMLElement insertbefore,returndom)
first(selector,returndom)
last(selector,returndom)
next(selector,returndom)
prev(selector,returndom)
parent(selector,returndom)
child(selector,returndom)
up(selector,maxdepth)
down(selector,maxdepth)
query(selector)
contains(HTMLElement/string el)
show(animate)
hide(animate)
toggle(animate)
setVisible(boolean visible,animate)
update(html, loadScripts, callback)
特殊的
hover( Function overFn, Function outFn, [Object scope] ) : Ext.Element
mask(msg, msgCls)
unmask()
load( String/Function url, [String/Object params], [Function callback], [Boolean discardUrl] )
focus()
blur()
事件注册:
on(eventname,fun)
un(eventname,fun)
addListenser/removeListenser/removeAllListeners
?
在上面,我把Ext.Element的所有API进行分类,平常要完成什么功能,一查即知,而且,我这儿给出那些只有细微差别的API的不同之处。让人一看即知,当然,如果对最基础的API都有疑问,这儿有一篇好文章,可以补此不足,点此处访问它。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/huoyanxueren/archive/2008/07/16/2662798.aspx
详细解决方案
extJs 2.0学习札记(Ext.Element API总结)
热度:536 发布时间:2012-11-12 12:31:57.0
相关解决方案
- Extjs grid 失去选中行的列数据
- extjs 后台有数据,但是返回到页面为空,jsonStore加载错误,这是咋回事
- S2SH、EXTJS、JSON调整后,EXTJS接收不到Struts2的Action传回的值,无语
- extjs 简单有关问题
- extjs+struts2解决办法
- ExtJs 处理 datetime 有关问题
- soap调用webservice,报错:Root element of a SOAP message must be: 'http://schemas.xmls,该怎么处理
- 【EXTJS】iframe里嵌套ext.window,怎样使ext.window弹出到iframe外,该怎么解决
- Tomcat + extjs 入门有关问题
- extjs ColumnModel 怎么实现表格中的数据小数点对齐
- Extjs 变量前的一个加号代表什么意思?解决方法
- extjs grid 怎么实现 行选中变色
- ExtJs 提交表单的小疑点
- 自己写的Asp.net Ajax,Jquery,ExtJs 三种Ajax技术框架比较,希望大家提提意见,多谢
- EXTJS grid的getView的refresh步骤报this.grid为空或不是对象
- EXTJS grid的getView的refresh方法报this.grid为空或不是对象解决办法
- Extjs 上拉菜单如何实现拼音输入进行检索
- ExtJs ComboBox 上拉数据较多时,怎么提供模糊搜索
- extjs grid.Panel 局部刷新,该如何处理
- extjs window 弹出框有关问题 怪事
- ExtJs ComboBox 下拉数据较多时,怎么提供模糊搜索
- 英语翻译(extjs 中的Ext.Component)解决方案
- clearcase 中怎么查看一个element 是symbolic link 还是 实际的file element
- 如何区分Struts Action Element?(已解决)
- IE Developer Toolbar不能用“Select Element By Click"功能
- Extjs Ext.data.Store使用有关问题
- ExtJs Combobox绑值有关问题
- EXTJS GridPanel怎么设置多选
- EXTJS 在 IE 中 数据丢失。求解决方法。
- extjs grid 动态设置行单元格可编辑