EXT是一个强大的JavaScript库，专用于构建富客户端应用程序。它的全称是Ext JS，提供了一整套用户界面组件和布局管理工具，使得开发者可以构建出功能丰富、交互性强的Web应用。EXT实例通常涉及到一系列操作步骤，包括页面布局、窗口创建以及表格的使用。
**页面布局**是EXT的核心功能之一，它提供了多种布局模式来适应不同设计需求。常见的布局有：
1. **Accordion布局**：这种布局方式使得每个子组件可以折叠，适用于展示大量同类信息但有限的空间。布局由`Ext.layout.Accordion`定义，每个子组件按照折叠的方式呈现。
2. **Border布局**：此布局将容器分为五个区域——东（east）、南（south）、西（west）、北（north）和中心（center）。通过`Ext.layout.BorderLayout`定义，可以灵活地在各个区域内放置组件，实现复杂的页面结构。
3. **Column布局**：使用`Ext.layout.ColumnLayout`，将容器视为一列，通过`columnWidth`或`width`属性来设定子组件占据的列宽，适合创建多列并行展示的内容。
4. **Card布局**：由`Ext.layout.CardLayout`定义，只在特定时间显示一个子组件，常用于步骤向导或选项卡式界面。
**创建窗口**在EXT中，窗口通常用于弹出式对话框或者独立的功能区。EXT提供了`Ext.Window`类来创建窗口，可以设置窗口大小、位置、标题、按钮等属性，并且可以包含其他EXT组件，如表格、表单等。
**EXT基本表格（GridPanel）介绍**：EXT的表格组件，即`Ext.grid.GridPanel`，是一种功能强大的数据展示工具。它可以与服务器端进行数据交互，支持排序、筛选、分页等功能。开发者可以自定义列头、行样式，甚至实现复杂的单元格编辑和操作。
使用EXT的基本步骤如下：
1. **导入EXT资源**：需要在HTML文件中引入EXT的CSS样式文件（如`ext/resources/css/ext-all.css`）和JavaScript库（如`ext/adapter/ext/ext-base.js`和`ext/ext-all.js`）。
2. **设置中文包**：如果需要中文界面，可以创建一个名为`ext-lang-zh_CN.js`的中文语言文件，放入EXT的根目录下。
3. **启动EXT**：使用`Ext.onReady`函数在DOM加载完成后执行EXT的初始化代码，例如弹出一个消息框。
```javascript
<script>
Ext.onReady(function() {
Ext.MessageBox.alert("你好", "wayfoon");
});
</script>
```
4. **创建布局**：根据需求选择合适的布局模式，如Border布局，定义各区域并组合子组件。
```javascript
var viewport = new Ext.Viewport({
layout: 'border', // 布局，必须是border
items: [northPanel, westPanel, centerPanel, eastPanel, southPanel]
});
```
这里的`northPanel`, `westPanel`, `centerPanel`, `eastPanel`, `southPanel`是各自对应区域的组件实例。
5. **使用表格**：创建GridPanel，配置数据源、列定义、操作功能等。
EXT的灵活性和丰富的组件库使得它成为开发复杂Web应用的首选工具。通过深入理解和实践EXT的操作步骤，开发者能够构建出功能强大、用户体验优秀的Web应用。
