Html DOM、Ext Element及Component三者之间的区别（Ext入门基础）

最新推荐文章于 2024-08-05 10:07:23 发布

weixin_30426957

最新推荐文章于 2024-08-05 10:07:23 发布

阅读量132

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shanmu/archive/2011/08/19/2145895.html

本文详细介绍了在ExtJS框架中如何通过DOM、Element和Component这三个层次来实现网页元素的动态操作与展示。从基础的DOM操作，到封装为Element对象以简化API使用，再到构建高级的Client-side界面组件Component，实现场景如显示表格、树状结构或弹窗等功能。文章强调了ExtJS提供的一系列高效方法和组件，旨在提高开发者构建复杂UI的效率。

•每一个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对象)

转载于:https://www.cnblogs.com/shanmu/archive/2011/08/19/2145895.html