`

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节点
分享到:
评论

相关推荐

    EXTJS总结.txt

    var el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注:享元模式(Flyweight Design Pattern)是...

    Element实现表格嵌套、多个表格共用一个表头的方法

    根据后端返回的数据 ( res 是一个数组,它的元素是一个对象,对象里面的 ext 属性是一个对象,它又包含了, default 、 free 和 pay 三个属性,且这三个都是数组格式。):   渲染出一个这样子的 表格 : res ...

    浅谈jsp EL表达式取值过程、page和pagecontext的区别

    1、EL表达式解析过程 JSP中,我们经常会写为${obj.name}字样,但你有没有想过,它的取值过程是什么,属性值从哪取得? ${obj}相当于 request.getAttribute(“obj”),这句话严格来说不严谨,依次的请求范围是page、...

    javascript 精确获取样式属性(上)

    JQuery,mootools,Ext等类库在这部分实现得非常艰辛,盘根错节地动用一大堆方法,因此想把这部分抠出来难度很大。深入研究它们的实现后,根据我积累的CSS知识,终于做出一个非常简炼的版本出来。它相当于JQuery....

    textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

    在IE下文本框textarea会显示滚动条(如下:) ...如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下: &lt;textarea id=txtComments style="overflow-x:hidden"&gt;&lt;/textare

    autocad命令全集

    104 EXETRUDE EXT 将二维图形拉伸成三维实体 105 FILL F 控制实体的填充状态 106 FILLET   倒圆角 107 FILTER FI 过滤选择实体 108 FIND   查找与替换文件 109 FOG   三维渲染的雾度配置 110 GRAPHSCR   在图形...

    textarea 在浏览器中固定大小和禁止拖动的实现方法

    HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果...

    Vue的数据渲染语法和指令(插值表达式、v-cloak、v-text、v-html)

    插值表达式是用两个花括号{{}}包裹属性 属性在Vue实例里定义: 通过Vue提供的指令即可很方便地将数据渲染到页面上 无需手动操作DOM元素了 Document {{msg}} var vm=new Vue({ el:#app, data:{ msg:Hello ...

    CAD工程制图键盘快捷命令

    EXT=拉伸; UCS=三维坐标; ROTATE3D=三维旋转; MIRROR3D=三维镜像; 3A=三维阵列; SURFTAB=曲面网格; TXTEXP=分解文字; CTRL+P=打印; (一)字母类 1、对象特性 ADC, *ADCENTER(设计中心“Ctrl+2”) CH,...

    cad快捷键大全

    RO 旋转 SC 比例 LE 引线管理器 EX 延伸 TR 修剪 ST 文字样式管理器 DT 单行文字 PO 单点 XL 参照线 ML 多线 PL 多段线 POL 多边形 REC 矩形 SPL 样条曲线 EL 椭圆 CH 特性 CHA 倒角 BR 打断 DI 查询距离 AREA 面积 ...

    CAD快捷键文档

    EXT,*Extrude: 通过拉伸现有三维对象来创建三维原型 FI,*Filter: 创建可重复使用的过滤器以便根据特性选择对象 HI,*Hide: 重生成三维模型时不显示掩藏线 IM,*Image: 管理图像 IAD,*Imageadjust: 控制选定图像的...

    iuhyiuhkjh908u0980

    PrettyFaces: EL API访问PrettyContext 支持JSF 1.1 增强了错误页面和servlet重定向 PrettyFaces是一个JSF1.2和JSF2.0的扩展,用来创建便于书签收藏、漂亮的网址。 PrettyFaces优雅的解决了这个问题,包括诸如功能:...

Global site tag (gtag.js) - Google Analytics