Ext el属性

这个是你要将你的组件渲染到哪个div
比如有个<div id = grid_test></div>
组件里el:grid_test,
就是把这个组件放到上面那个div里

 

 

el和contentEl、id这些属性的区别:el是生成的id；如果用了el，它会解析一下html里的元素。
contentEl是包含的内容；
id是给这个组件设置的id；如果只用id，它还是创建组件，最后让这个组件的id等于你设置的id而已。
el的步骤比id多一些，如果你没自己设置id，他就自动生成一个。要想做到真正的理解就要看源码了

 

 在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节点