ExtJS中的Element
Ext中的基本元素是Ext.Element，它们用来组成Ext中的组件。
a.获取方法
Ext.get(divid)，它是Ext.Element.get方法的简写形式，其获得的对象并不是DOM对象，而是Element对象。
var a=document.getElementById('test');
var b=Ext.get('test');
a==b.dom;
Ext.getCmp('componentID')，用于获得Ext组件；
Ext.getBody，返回与document.body元素对应的Ext元素；
Ext.fly(divid)，不会缓存任何元素，建立一次资源只改变DOM对象，使用资源较少。
b.Element的属性和方法
show，显示元素；
hide，隐藏元素；
center，将元素移动到中间；
setOpacity，设置其透明度，0为透明，1为不透明；
update(html,[loadscripts],callback)，使用异步机制更新元素的innerHTML，并通过callback作为回调函数。
load，是Ext调用Ajax最简单的方法。
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL='resources/images/default/s.gif';
var myDiv = Ext.get('test');
myDiv.center();//移动到中部
myDiv.setOpacity(.25);//设置透明度
myDiv.setWidth(100,{duration: 10,callback: highlight(myDiv),scope: this});
})
function highlight(ele){
ele.highlight();//高亮
ele.addClass('red');//设置CSS
ele.update('ppppppppppppppppppppppp');
}
c.Element操作DOM的方法
parent createChild appendChild remove insertBefore/After
Related Items
Comments
Leave a comment
Or, take a look at Archives and Categories
