Ext 学习

在使用Ext开发的 应用程序中，组件Component是最高层次的抽象，是直接给用户使用的，Ext Element是Ext的底层API，主要是由Ext或自定义组件调用的，而DOM是W3C标准定义的原始API，Ext的Element通过操作DOM 来实现页面的效果显示。

在Ext中，组件渲染以后可以通过访问组件的el属性来得到组件对应的Element，通过访问Element的dom属性可以得到其下面的DOM对象。另外，我们可以通过Ext类的快捷方法getCmp、get、getDom等方法来得组件Component、Ext元素Element及DOM节点。比如：

var view=new Ext.Viewport();//创建了一个组件Component

view.el.setOpacity(.5);//调用Element的setOpacity方法

view.el.dom.innerHTML="Hello Ext";//通过Element的dom属性操作DOM对象

再看下面的代码：

var win=new Ext.Window({id:"win1",title:"我的窗口",width:200,height:200});

win.show();

var c=Ext.getCmp("win1");//得到组件win

var e=Ext.get("win1");//根据id得到组件win相应的Element

var dom=Ext.getDom("win1");//得到id为win1的DOM节点