ExtJS入门教程：FormLayout布局详解

"这篇文档介绍了EXT JS框架中的FormLayout布局，并提供了EXT JS开发的基本知识，包括框架简介、环境搭建和HelloWorld示例。" 在EXT JS框架中，FormLayout是一种特殊的布局方式，由`Ext.layout.FormLayout`类提供，通常用于`formPanel`的布局。这种布局将formPanel内的各个子元素按照每行一列的方式排列，适用于创建表单界面，以整齐、有序的方式展示输入字段。FormLayout确保了表单元素的正确对齐和空间管理，这对于创建用户友好的交互式表单至关重要。 EXT JS是一个强大的JavaScript库，专注于构建富客户端应用程序。它提供了丰富的组件和布局管理功能，能够创建具有桌面应用级别的用户体验。EXT JS与后端技术无关，可以配合各种开发语言如.NET、Java、PHP等使用。其最新版本为3.2时，已经包含了API参考手册、示例程序和开发包等资源。 EXT JS框架包含以下关键组成部分： 1. API参考手册：详细阐述了EXT JS提供的所有对象、类和方法，是开发者的重要参考资料。 2. 示例程序：丰富的示例库展示了EXT JS的各种功能和应用场景，帮助开发者快速理解和学习。 3. 开发包：包括adapter、build、docs、examples、resources、source等子目录，分别存储适配器、压缩/未压缩源码、文档、示例、资源文件和源代码。 为了搭建EXT JS的开发环境，你需要将EXT JS的开发包放入你的WEB工程目录中。开发过程通常从创建一个新的HTML文件开始，引入EXT JS的样式文件（如resources/css/ext-all.css）和必要的库文件（如adapter/ext/ext-base.js和ext-all-debug.js或ext-core-debug.js，后者用于调试）。 HelloWorld示例程序通常是最简单的EXT JS应用程序，演示了如何在页面中引入EXT JS库并创建基本组件。通过这个例子，开发者可以了解EXT JS的基本用法和结构，为进一步学习EXT JS的组件和布局打下基础。