第5章面板及布局类ExtJS不但在Web开发中成功引入了丰富的组件，也引入了桌面程序中经常用到的面板及布局概念。这些概念的引入在很大程度上改变了传统的Web开发方式，在第3章和第4章中主要学习了ExtJS支持的各种组件，本章将进一步学习ExtJS的面板（panel）及布局类。面板（panel）是ExtJS中一个很重要的概念，它相当于一幅画板，我们可以在它上面放置需要的各种组件，并使用不同的布局类对组件的摆放位置进行格式化，掌握这些布局类的特点及使用方式是突破ExtJS页面设计的关键，下面先来进行面板部分的学习。

由于开始准备的时候，就是按照传统开发去做的，写了一部分之后，有网友和同事提出：“为什么不用MVC模式”呢？这样的问题让我对目前传统开发的心发生了一些细微变法，对啊，为什么不用MVC模式呢？我征求了一下同事及热心网友的意见，都同意使用MVC模式开发。从而，我删掉了原来所有目录，重新按照MVC模式去组织目录结构，很快的，目录结构准备好了。那。。我们重新来过，使用EXTJS4.0的MVC模式，开发这套员工管理系统。给个简称吧。SMS（你懂得。呵呵！）。

Extjs4,创建Ext组件有了新的方式，就是Ext.create(....)，而且可以使用动态加载JS的方式来加快组件的渲染，我们再也不必一次加载已经达到1MB的ext-all.js了，本文介绍如何在EXTJS4中创建一个window。

ExtJs初期仅是对Yahoo! UI的对话框扩展，后来逐渐有了自己的特色，深受网友的喜爱。 发展至今， Ext除YUI外还支持Jquery、Prototype等的多种JS底层库，让大家自由地选择。该框架完全基于纯Html/CSS+JS技术，提供丰富的跨浏览器UI组件，灵活采用JSON/XML数据源开发，使得服务端表示层的负荷真正减轻，从而达到客户端的MVC应用！

目前在Web应用程序开发领域，Ext JS框架已经逐渐被广泛使用，它是富客户端开发中出类拔萃的框架之一。在Ext的UI控件中，树形控件无疑是最为常用的控件之一，它用来实现树形结构的菜单。TreeNode用来实现静态的树形菜单，AsyncTreeNode用来实现动态的异步加载树形菜单，后者最为常用，它通过接收服务器端返回来的JSON格式的数据，动态生成树形菜单节点。

EXT核心API详解

extjs实现多文件上传uploaddialog for extjs3.x

window的创建Extjs4,创建Ext组件有了新的方式，就是Ext.create(....)，而且可以使用动态加载JS的方式来加快组件的渲染，我们再也不必一次加载已经达到1MB的ext-all.js了，本文介绍如何在EXTJS4中创建一个window。

Ext的产生，最早是在YUI的库的基础上扩展开来，因此Ext早期名字是YUI-Ext2006年秋天,发行了版本为0.33的YUI-Ext,而最终被证明为最后版本的代码，年底之前，这个库已大受欢迎,名字被简化为Ext 2007年4月1日，发布1.0正式版2008年4月1日，ExtJS已发展涵盖美国、日本、中国、法国、德国等全球范围的用户，版本为Ext-3.0 2009年4月14-16日的首次ExtConference中发布了Ext的3.0RC版本.

Ext.MessageBox介绍: Ext中的MessageBox是一种特殊的窗口，这种窗口配置很简单，可以任意拖动、摆放，也可以使用任何控件；Ext.MessageBox提供的alert、confirm、prompt等对话框完全可以替代传统使用alert、confirm、prompt等对话框

ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。 最近我们在几个应用都使用到了ExtJS，对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造，使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结，希望能帮助正在学习或准备学习ExtJS的朋友们快速走进ExtJS2.0的精彩世界。

在之前的一章中我们学习了如何在结构化的表格中显示用户可操作的数据。但是，这种表格有一个最大的限制，那就是用户无法自己编辑表格中的数据。幸运的是，Ext提供了EditorGridPanel这一控件，它支持用户对表格进行编辑——我们现在就对这一控件进行学习。它的工作形式类似于Excel，允许用户在点击单元格后进行数据的编辑操作。

本文对ExtJS项目中JS脚本的编码的规范进行了定义，包括目录结构、标准文件命名方式、文件功能和书写格式等方面。本文阅读对象包括但不限于技术研发中心全体开发人员、测试人员、项目经理。

EXTJS的缺点以及优点：EXTJS是有缺点的，缺点在于，由于过度的封装，导致我们很难对其样式有较大的改动，即使有所改动也很难达到预期的目标。EXTJS的优点也是显而易见的，他有着丰富的控件库，有着丰富的工具包，有着优美的语法。EXTJS很容易让一个有Swing或者Winform编程经验的人上手。有很多人甚至根本不用知道XMLHttpRequest和ActiveXObject就可以轻易的编写AJAX程序。但是EXTJS是基于AJAX技术的，如果你不对AJAX有一个全面的了解，你可能会走不少的弯路，最终可能是知其然而不知其所以然。由于EXTJS的过度封装，导致其组件的灵活性有所下降，在改变外观样式的时候，也经常出现弄巧成拙的事情。还有最重要的一点就是EXTJS体积，EXTJS的CSS样式表文件加上主要的库文件大约能达到800KB，这还不包括他的一些图片文件。所以这方面还是EXTJS应该改进的地方。

布局就是指容器组件中子元素的分布、排列组合方式。Ext的所有容器组件都支持而局操作，每一个容器都会有一个对应的布局，布局负责管理容器组件中子元素的排列、组合及渲染方式等 ExtJS的布局基类为Ext.layout.ContainerLayout，其它布局都是继承该类。ExtJS的容器组件包含一个layout及layoutConfig配置属性，这两个属性用来指定容器使用的布局及布局的详细配置信息，如果没有指定容器组件的layout则默认会使用ContainerLayout作为布局，该布局只是简单的把元素放到容器中，有的布局需要layoutConfig配置，有的则不需要layoutConfig配置。

不要使用extjs来开发，但是，一定要学习、研究它，研究它之后才会晓得，我们写代码应当这么写才优美、才合适。研究了它后就应当选一款轻量型的框架了。然后自己写组件。用以取代：Ext.Window、Ext.TabPanel、Ext.Panel这些好东西。