Ext.core.Element是所有组件及控件操作的基础,是一个DOM对象的包装,加入了DOM的操作处理,并根据不同的浏览器进行处理。该类的所有实例都向我们展示通过DOM继续Ext.fx.Anim的视觉效果。该类的事件并非Ext的底层事件,而是封装的浏览器事件,也可以通过Ext.EventObject.browserEvent访问到更多的底层浏览器事件。通过ID或DOM节点来得到Ext.core.Element对象,如:Ext.get(元素id或DOM元素节点)。
Element的控制及使用方法示例:
Ext.onReady(function() {
var e1 = Ext.get("the-id");
var appendE1 = Ext.get("the-id-append");
function fn1() {
Ext.Msg.alert('提示', "您在id为'the-id'的Element上按下了ctrl+c键");
}
e1.addCls("special-css");
appendE1.addCls('special-css');
appendE1.setWidth(240);
appendE1.setWidth(240, true);
e1.focus();
e1.addClsOnFocus("focus-css");
e1.addClsOnOver("mouseover-css");
e1.addClsOnClick("click-css");
e1.setWidth(240);
e1.setWidth(240, true);
e1.addKeyMap({key:"c",ctrl:true,fn:fn1,scope:e1});
e1.addKeyListener({key:'g',ctrl:true},fn1,e1);
});
function callAppend() {
Ext.Msg.alert('提示', Ext.get("the-id-append"),getComputedWidth());
Ext.get("the-id").appendTo(Ext.get("the-id-append"));
}