这个是你要将你的组件渲染到哪个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节点
比如有个<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节点
发表评论
-
一个故事讲清楚NIO(转载)
2015-10-22 11:32 620假设某银行只有10个职 ... -
js一些菜单例子
2012-12-03 15:21 793JS树 录结构菜单 演示地址: http://vip.5d. ... -
Servlet.service() for servlet jsp threw exception,NullPointerException
2012-10-09 17:07 10982011-7-28 2:09:33 org.apache.ca ... -
如何远程连接db2数据库
2012-09-18 10:10 897在DB2数据库中,编目(catal ... -
[转]DB2行列转换
2012-09-13 13:15 816行转列 给出下面的数据: CREATE TABLE Sales ... -
存储过程 入门
2012-09-07 09:49 862示例说明:先创建一个临时表,并插入数据,然后查询临时表,返回游 ... -
ue使用的一些小技巧
2012-09-05 11:36 12011. UE里面替换tab键为空格 解决使用UE编辑好 ... -
ext tree 更改图标
2012-04-16 23:11 1643如果在Java代码中树的Node不设置cls的话,Extjs ... -
Ext.data.Store使用示例
2012-04-16 20:34 1254Ext.data.Store是EXT中用来 ... -
js六种数据类型和var
2012-04-13 14:32 1216JavaScript 有六种数据类 ... -
ExtJs 控制复选框disabled
2012-04-13 14:12 2860var csm2 = new Ext.grid.Checkbo ... -
JS 四舍五入
2012-04-10 23:36 916写法巨强的四舍五入的转换函数,如下: function ro ... -
getOutputStream() has already been called for this response
2012-04-06 17:33 943getOutputStream() has al ... -
修改TOMCAT(5.5版本前)内存的方法
2012-03-30 11:34 1068Tomcat默认可以使用的内 ... -
oracle 常用sql
2012-03-27 10:49 809--创建用户 CREATE USER &q ... -
两台windows服务器----SVN的迁移
2012-03-26 17:27 1117两台服务器,进行SVN的迁移: 系统平台:windows se ... -
hibernate 延迟加载
2012-03-23 18:06 740延迟加载机制是为了避 ... -
分享一个ldap验证链接的方法
2012-03-22 12:07 1077public String auth(String userN ... -
poi 操作excel
2012-03-19 21:52 1105本篇面向对象为Java的初 ... -
Oracle Minus关键字
2012-03-06 15:56 1099//--一句话 去同存异,留第一个sql里面的结果。 //创建 ...
相关推荐
var el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注:享元模式(Flyweight Design Pattern)是...
根据后端返回的数据 ( res 是一个数组,它的元素是一个对象,对象里面的 ext 属性是一个对象,它又包含了, default 、 free 和 pay 三个属性,且这三个都是数组格式。): 渲染出一个这样子的 表格 : res ...
1、EL表达式解析过程 JSP中,我们经常会写为${obj.name}字样,但你有没有想过,它的取值过程是什么,属性值从哪取得? ${obj}相当于 request.getAttribute(“obj”),这句话严格来说不严谨,依次的请求范围是page、...
JQuery,mootools,Ext等类库在这部分实现得非常艰辛,盘根错节地动用一大堆方法,因此想把这部分抠出来难度很大。深入研究它们的实现后,根据我积累的CSS知识,终于做出一个非常简炼的版本出来。它相当于JQuery....
在IE下文本框textarea会显示滚动条(如下:) ...如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下: <textarea id=txtComments style="overflow-x:hidden"></textare
104 EXETRUDE EXT 将二维图形拉伸成三维实体 105 FILL F 控制实体的填充状态 106 FILLET 倒圆角 107 FILTER FI 过滤选择实体 108 FIND 查找与替换文件 109 FOG 三维渲染的雾度配置 110 GRAPHSCR 在图形...
HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果...
插值表达式是用两个花括号{{}}包裹属性 属性在Vue实例里定义: 通过Vue提供的指令即可很方便地将数据渲染到页面上 无需手动操作DOM元素了 Document {{msg}} var vm=new Vue({ el:#app, data:{ msg:Hello ...
EXT=拉伸; UCS=三维坐标; ROTATE3D=三维旋转; MIRROR3D=三维镜像; 3A=三维阵列; SURFTAB=曲面网格; TXTEXP=分解文字; CTRL+P=打印; (一)字母类 1、对象特性 ADC, *ADCENTER(设计中心“Ctrl+2”) CH,...
RO 旋转 SC 比例 LE 引线管理器 EX 延伸 TR 修剪 ST 文字样式管理器 DT 单行文字 PO 单点 XL 参照线 ML 多线 PL 多段线 POL 多边形 REC 矩形 SPL 样条曲线 EL 椭圆 CH 特性 CHA 倒角 BR 打断 DI 查询距离 AREA 面积 ...
EXT,*Extrude: 通过拉伸现有三维对象来创建三维原型 FI,*Filter: 创建可重复使用的过滤器以便根据特性选择对象 HI,*Hide: 重生成三维模型时不显示掩藏线 IM,*Image: 管理图像 IAD,*Imageadjust: 控制选定图像的...
PrettyFaces: EL API访问PrettyContext 支持JSF 1.1 增强了错误页面和servlet重定向 PrettyFaces是一个JSF1.2和JSF2.0的扩展,用来创建便于书签收藏、漂亮的网址。 PrettyFaces优雅的解决了这个问题,包括诸如功能:...