l 面板Panel:面板是一块区域,程序员可以在之上放置各种组件,从而形成用户界面。说得形象一点,面板就是空白的画板,程序员是画家,最终画板上会出现什么,决定于画家。当然作为面板来说,最终展现在上面的不是水墨国画,而是各种ExtJS的组件。面板的出现解决了窗口(对于Web应用来说就是一个浏览器窗口)不方便直接分拆的问题。利用面板就能将窗口分割成多个部分,这样对窗口来说,它只需要管理好面板在窗口上的展现就可以了,不用再关心面板各种组件的展现了,因为这部分工作由面板自己来管理。很显然,面板的引入将复杂的问题进行了隔离,从而对软件开发的界面产生了深远的影响,特别是对软件界面能够跟随屏幕大小自适应调整提供了非常好的解决方案。
l 布局Layout:布局是指组件在一个容器中的摆放方式。在讲到布局时肯定有一个容器,这是用来摆放的空间;同时也有需要摆放的组件,它是用来操作的实体。当容器指定了特定布局时,往容器中放置的组件,就会按规定的布局自动调整,这个过程不需要程序员的参与,从而能得到更加规范的用户界面。在ExtJS的布局与JavaSwing的布局基本一致,为实现丰富的用户界面提供了保证。
l 组件Component:组件是指已经预先实现好特定功能,并能够被重用到编程中的代码段以及相关资源。在ExtJS中,组件可以简单到一个按钮,也可以复杂到数据表格。组件将强大的功能带给普通的软件开发者,大大的加快了软件的开发速度,同时也能保证更高的质量。除了开官方提供的精美好用的组件外,还有许多功能各异的第三方组件,并且还可以开发自己的特有组件。可以说ExtJS的编程就是组件编程,各种组件巧妙堆积在一起就成为了最后界面异常优美,功能强大的应用软件。
l 渲染Render:渲染是指含有ExtJS程序的页面下载完毕后在浏览器中完全展现出来的一个过程。作为普通的Html页面也有渲染的过程,即Html与CSS代码开始装载进浏览器到整个页面根据Html与CSS规则完全显示出来的过程。但是在ExtJS中有完全不同于Html与CSS渲染过程的地方,虽然ExtJS的界面最终也是以Html与CSS来展现,但是这些Html与CSS不是从服务器下载而来,而完全是由ExtJS的引擎动态生成而来。所以ExtJS的渲染实际上是一个动态生成的过程,而非静态载入的过程。理解这点在学习ExtJS编程的过程中将会有重大的指导意义。
l 窗口Window:ExtJS中的窗口并不是一个真正的Windows窗口,在本质上只是一个层利用CSS进行格式化,在外观和行为上都比较像真正的Windows窗口的显示区域。说到显示区域就应该想到面板,实际上在ExtJS的继承层次上,窗口组件就是继承于面板组件。明白了ExtJS中窗口的本质就是一个层的话,那么就一定要知道它与真正Windows窗口的不一样,比如要将ExtJS窗口拖出到浏览器窗口之外等等想法显然就是不能实现的。只要知道到了这关键的一点,在做ExtJS中的窗口编程时将会带来莫大的帮助。
l 对话框Dialog:对话框也是在程序开发中经常用到的功能。一般有普通对话框、选择对话框、输入对话框以及一些特别的自定义对话框。在ExtJS中也提供了非常漂亮并且能够自定义的对话框,像ExtJS中的窗口一样,这些对话框的本质也是利用CSS进行格式化的结果。所以在使用这些对话框时,要注意这些对话框与真正Windows中对话框的异同,灵活加以运用。
分享到:
相关推荐
extjs入门简介,讲解基础的概念和架构图。供新手快速入门
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
封装CKEditor用于ExtJs4的关键代码,我自己试用可以成功,希望对大家有帮助
extjs电子书,extjs电子书,extjs电子书,extjs电子书
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
到动态切换底层库的,关键就在这里了。 • air包含了ExtJS以air进行改进的代码库,还有以该 代码库实现的任务管理实例。 • build目录是ExtJS压缩后的代码,经过压缩的代码 体积更小,加载更快。 • docs中当然是...
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
适合ExtJs开发人员extjs技术上手以及深入
extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
extjsapi,extjs文档,api手岫
里面包含Extjs 2.2和Extjs 3.2.1版本两个文件
JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS 希望对大家有帮助。
EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形
ExtJS 是一个很不错的Ajax 框架,可以用来开发带有华丽外观的富客户端应用,ExtJS 是一个用javascript 编写,与后台技术无关的前端ajax 框架。可以把ExtJS 用在.Net、Java、Php 等各种开发语言开发的应用中。教程...
包含各种类型的extjs小图标,Extjs4小图标
ExtJS 7.6 SDK trial