- 浏览: 1091360 次
文章分类
- 全部博客 (379)
- S2SH (16)
- stuts2 (0)
- java语言 (81)
- JSP (17)
- <html>元素 (11)
- javaweb (4)
- web容器 (3)
- ext (23)
- javaScript (48)
- ant (1)
- liferay (1)
- sql (9)
- css (42)
- 浏览器设置 (3)
- office_world (1)
- eclipse (4)
- 其它 (28)
- 操作系统 (5)
- android (6)
- Struts2 (11)
- RegEx (3)
- mysql (5)
- BigDATA (1)
- Node.js (1)
- Algorithm (10)
- Apache Spark (1)
- 数据库 (5)
- linux (2)
- git (1)
- Adobe (3)
- java语言,WebSocket (1)
- Maven (3)
- SHELL (1)
- XML (2)
- 数学 (2)
- Python (2)
- Java_mysql (1)
- ReactJS (6)
- 养生 (4)
- Docker (1)
- Protocols (3)
- java8 (2)
- 书籍 (1)
- Gradle (2)
- AngularJS (5)
- SpringMVC (2)
- SOAP (1)
- BootstrapCSS (1)
- HTTP协议 (1)
- OAuth2 (1)
最新评论
-
Lixh1986:
Java并发编程:自己动手写一把可重入锁https://blo ...
Java之多线程之Lock与Condition -
Lixh1986:
http://win.51apps.com.cn/https: ...
temp -
ztwsl:
不错,支持很好
HttpServletRequest和ServletRequest的区别 -
guodongkai:
谢谢您能将知识精华汇编总结,让初学者们从原理中学会和提高。
javaScript之function定义 -
kangwen23:
谢谢了,顶顶
struts2中的ValueStack学习
Html DOM、Ext Element及Component三者之间的区别(Ext入门基础)
● 每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM对象,动态改变页面的内容,正是通过使用脚本语言来操作DOM对象实现。(通常使用getElementById/Ext.getDOM获得DOM对象)
● 仅仅有DOM是不够的,比如要把页面中的某一个节点移到其它位置,要给某一个节点添加阴影效果,要隐藏或显示某一个节点等,我们都需要通过几句 javascript才能完成。因此,Ext在DOM的基础上,创建了Ext Element,可以使用Element来包装任何DOM,Element对象中添加了一系列快捷、简便的实用方法。(通常使用Ext.getEl()获得Element对象)
● 对于终端用户来说,仅仅有Element是不够的,比如用户要显示一个表格、要显示一棵树、要显示一个弹出窗口等。因此,除了Element以外,Ext 还建立了一系列的客户端界面组件Component,我们在编程时,只要使用这些组件Componet即可实现相关数据展示及交互等,而 Component是较高层次的抽象,每一个组件在渲染render的时候,都会依次通过Element、DOM来生成最终的页面效果。(通常使用Ext.getCmp()获得Component对象)
================================================================
和Jquery一样,Ext.Element对象是对dom对象的封装,目的是为了跨平台以及增加一些有用的方法。但是Ext.Element是不包含外观的,封装的dom原来是怎么样就是怎么样。开发中最好有现成的组件可以使用,否则Extjs和Jquery差别真的不大了。因此Ext在Element的基础上进一步封装,产生了Component类,这些类含有外观,也就是多加入了一些html之类的进去,更方便开发者使用。
依赖关系如下:
Component=>Element=>dom
因此在Component中可以通过el属性来访问该Component所依赖的Element,同样的,Element也可以通过dom属性来访问Element对象所依赖的dom。
-
引用地址:
http://www.cnblogs.com/shanmu/archive/2011/08/19/2145895.html
http://www.haogongju.net/art/1048391
● 每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM对象,动态改变页面的内容,正是通过使用脚本语言来操作DOM对象实现。(通常使用getElementById/Ext.getDOM获得DOM对象)
● 仅仅有DOM是不够的,比如要把页面中的某一个节点移到其它位置,要给某一个节点添加阴影效果,要隐藏或显示某一个节点等,我们都需要通过几句 javascript才能完成。因此,Ext在DOM的基础上,创建了Ext Element,可以使用Element来包装任何DOM,Element对象中添加了一系列快捷、简便的实用方法。(通常使用Ext.getEl()获得Element对象)
● 对于终端用户来说,仅仅有Element是不够的,比如用户要显示一个表格、要显示一棵树、要显示一个弹出窗口等。因此,除了Element以外,Ext 还建立了一系列的客户端界面组件Component,我们在编程时,只要使用这些组件Componet即可实现相关数据展示及交互等,而 Component是较高层次的抽象,每一个组件在渲染render的时候,都会依次通过Element、DOM来生成最终的页面效果。(通常使用Ext.getCmp()获得Component对象)
================================================================
和Jquery一样,Ext.Element对象是对dom对象的封装,目的是为了跨平台以及增加一些有用的方法。但是Ext.Element是不包含外观的,封装的dom原来是怎么样就是怎么样。开发中最好有现成的组件可以使用,否则Extjs和Jquery差别真的不大了。因此Ext在Element的基础上进一步封装,产生了Component类,这些类含有外观,也就是多加入了一些html之类的进去,更方便开发者使用。
依赖关系如下:
Component=>Element=>dom
因此在Component中可以通过el属性来访问该Component所依赖的Element,同样的,Element也可以通过dom属性来访问Element对象所依赖的dom。
-
引用地址:
http://www.cnblogs.com/shanmu/archive/2011/08/19/2145895.html
http://www.haogongju.net/art/1048391
发表评论
-
Ext 布局
2014-06-09 14:16 8851、card layout. //a util funct ... -
Ext之自定义组件,之ComboBox之Ajax查询
2014-02-26 11:07 1222//类型 var sto = new Ext.data. ... -
Ext之自定义组件,之Render
2014-02-24 14:59 1270/** * 数据字典 代码到名称的翻译 * autho ... -
Ext之grid增加多行tbar
2014-01-23 10:02 1897tbar:[insertButton,'-',upda ... -
Ext之控制grid的下边缘显示
2014-01-22 12:40 894需要将 margins写成 margins:'0 0 0 0 ... -
Ext之JsonStore读取本地json文件
2014-01-21 16:03 7483方法一: //用于选择的Grid var ... -
Ext之comboBox 本地数据字典
2014-01-21 15:54 1366//车辆状态(值固定,写在前台页面,不用后台数据字典) ... -
Ext 带提示信息的 textField
2013-11-18 15:31 37171、 UpengsTextfield = Ext.exten ... -
ext之读取本地数据ComboBox
2013-11-11 14:41 17001、数据来自 json 文件 var record2=E ... -
ext之增加多行tbar
2013-11-07 11:55 1088tbar:[insertButton,'-',updateB ... -
ext之grid翻页空白参数丢失
2013-10-26 18:43 15221、问题现场 有2个grid, 第二个gri ... -
ext无法显示Label
2013-10-23 17:27 898把 layout 设为 'form' 只有用这个布局才能 ... -
Ext设置autoScroll:true了,为什么不起作用
2013-10-23 16:32 1865原因: 没有设height 首先 要设置一个高度 he ... -
Ext 事件添加,覆盖问题
2013-09-09 10:21 8871、对于事件 重复使用on ,添加事件: for(var i ... -
Ext移除元素的方法注意
2013-09-05 11:41 2594核心:采用从n-1 到 0 递减遍历; 而不是采用从 0 到 ... -
Ext checkbox 获取boxLabel 的值
2013-09-03 11:22 17181.fieldset(checkbox) 获取值 复选框组件 ... -
Ext自定义事件之——addEvents()
2013-08-26 11:33 1819Ext遵循一种树状的事件模型。 所有继承自Ext.util.O ... -
Ext 获取render后的值
2013-08-24 17:33 1420// var rows = grid.get ... -
怎样在Ext.Button中增加图标
2013-08-06 16:42 6887ExtJs的每一个组件(Component)在初始化的时候,都 ... -
Ext.util.Observable用法
2013-08-01 16:55 3665Ext.util.Observable 闲话不说,先来段说明 ...
相关推荐
6.5.2 ext.dom.compositeelement与ext.dom.compositeelementlite的区别 / 279 6.5.3 操作元素集合 / 279 6.6 综合实例:可折叠的面板accordion / 280 6.7 本章小结 / 283 第7章 数据交互 / 284 7.1 数据交互...
相对于目标Ext.Element或Ext.Component定位自身,以及当目标移动或浏览器调整大小时,它将保持相对位置 响应鼠标超出标注范围时自动隐藏自身 可配置的延迟后自动关闭 显示时淡入,隐藏时淡出 因为一个Ext.ux....
十五、理解Html DOM、Ext Element 及Component............................................................ 36 十六、Ext 类中的get 方法简介....................................................................
本文将简单地介绍Ext的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和初级了解HTML Dom。 目 录 EXT 中文手册 1 EXT简介 3 目錄 3 下载Ext 4 开始! 4 Element:...
Element:Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使用Ajax 9 EXT源码概述 11 揭示源代码 11 发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器Adapters 13 核心Core 13 Javascript中的...
组件模型 Component Model 74 容器模型Container Model 78 布局 Layouts 80 Grid 82 XTemplate 83 DataView 84 其它新组件 84 EXT2简介 85 下载Ext 85 开始! 85 Element:Ext的...
组件模型 Component Model 74 容器模型Container Model 78 布局 Layouts 80 Grid 82 XTemplate 83 DataView 84 其它新组件 84 EXT2简介 85 下载Ext 85 开始! 85 Element:Ext的...
在使用Ext开发的应用程序中,组件Component是最高层次的抽象,是直接给用户使用的,Ext Element是Ext的底层API,主要是由Ext或自定义组件调用的,而DOM是W3C标准定义的原始API,Ext的Element通过操作DOM 来实现页面...
行为不端将Polymer v1组件转变为行为用法错误行为向所有Polymer组件添加了一个方法element.toBehavior() ,该方法导出了行为定义,该行为... Polymer ( { is : 'ext-component' , // ext-component now effectively ext
javax.lang.model.element javax.lang.model.type javax.lang.model.util javax.management javax.management.loading javax.management.modelmbean javax.management.monitor javax.management.openmbean ...
按照官方文档说法,他是一个类构造器,用来创建一个子类vue并返回构造函数,而Vue.component它的任务是将给定的构造函数与字符串ID相关联,以便Vue.js可以在模板中接收它。 了解了这点之后我们开始做我们的消息提示...
-ADD pl_Graphics32EXT, Extensions for Graphics32 (Win32, Win64, Linux32, Linux64, WinCE) -ADD pl_Cindy (Win32, Win64, Linux32, Linux64, WinCE) -ADD pl_BGRAueControls (Win32, Win64, Linux32, Linux...