Html DOM、Ext Element及Component三者之间的区别(Ext入门基础)
2011-08-19 16:17
253 查看
•每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM对象,动态改变页面的内容,正是通过使用脚本语言来操作DOM对象实现。(通常使用getElementById/Ext.getDOM获得DOM对象)
•仅仅有DOM是不够的,比如要把页面中的某一个节点移到其它位置,要给某一个节点添加阴影效果,要隐藏或显示某一个节点等,我们都需要通过几句 javascript才能完成。因此,Ext在DOM的基础上,创建了Ext Element,可以使用Element来包装任何DOM,Element对象中添加了一系列快捷、简便的实用方法。(通常使用Ext.get获得Element对象)
•对于终端用户来说,仅仅有Element是不够的,比如用户要显示一个表格、要显示一棵树、要显示一个弹出窗口等。因此,除了Element以外,Ext 还建立了一系列的客户端界面组件Component,我们在编程时,只要使用这些组件Componet即可实现相关数据展示及交互等,而 Component是较高层次的抽象,每一个组件在渲染render的时候,都会依次通过Element、DOM来生成最终的页面效果。(通常使用Ext.getCmp获得Component对象)
•仅仅有DOM是不够的,比如要把页面中的某一个节点移到其它位置,要给某一个节点添加阴影效果,要隐藏或显示某一个节点等,我们都需要通过几句 javascript才能完成。因此,Ext在DOM的基础上,创建了Ext Element,可以使用Element来包装任何DOM,Element对象中添加了一系列快捷、简便的实用方法。(通常使用Ext.get获得Element对象)
•对于终端用户来说,仅仅有Element是不够的,比如用户要显示一个表格、要显示一棵树、要显示一个弹出窗口等。因此,除了Element以外,Ext 还建立了一系列的客户端界面组件Component,我们在编程时,只要使用这些组件Componet即可实现相关数据展示及交互等,而 Component是较高层次的抽象,每一个组件在渲染render的时候,都会依次通过Element、DOM来生成最终的页面效果。(通常使用Ext.getCmp获得Component对象)
相关文章推荐
- Html DOM、Ext Element及Component三者之间的区别(Ext入门基础)
- Html DOM、Ext Element及Component三者之间的区别(Ext入门基础)
- [转]ExtJs基础--Html DOM、Ext Element及Component三者之间的区别
- 前端零基础入门(三):HTML,CSS,Javascript三者之间的关系
- ruby -- 基础学习(五)empty、nil、blank三者之间的区别
- C语言基础指针之const char *p,char const *p,,cahr * const p 三者之间的区别
- 说说$POST 、$HTTP_RAW_POST_DATA、php://input三者之间的区别
- Rails -- empty、nil、blank三者之间的区别
- $POST 、$HTTP_RAW_POST_DATA、php://input三者之间的区别
- .NET、C#和ASP.NET三者之间的区别 使用 IntraWeb (9) - JavaScript
- URL、URI和URN三者之间的区别
- 第2章 Java编程基础——FAQ2.14 变量之间传值时可分为值传递和引用传递, 那么它们有何区别?
- innerHTML,outerHTML,innerTEXT三者之间的区别
- Struts2 中 Result的 Chain Result,Redirect Action Result,Redirect Result 三者之间的区别
- Verilog基础知识0(`define、parameter、localparam三者的区别及举例)
- C++语言零基础入门教程:2.2 C/C++头文件大揭秘,""和<>有什么区别
- C、C++、VC++ 三者之间的区别。
- Ext.get(),Ext.getCmp(),Ext.getDom(),document.getElementById()之间的区别
- 【C基础】#if、if、#ifdef、#if defined之间的区别
- Win32 Console Application、Win32 Application、MFC三者之间的联系和区别