非常有用的Ext.core.Element

来源：互联网发布：sql云服务器编辑：程序博客网时间：2024/05/01 16:20

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"));}