ExtJS初步开发指南：步骤与资源详解

"这篇资源主要介绍了ExtJS的初步开发步骤，包括所需文件的配置、页面资源的引用以及一个实例开发的概述，展示了如何利用ExtJS创建一个基于边境布局的TabPanel页面。" 在进行ExtJS开发时，首先要了解并准备必要的文件。ExtJS的核心文件包括各种JavaScript库和CSS样式表，例如`ext-all.js`、`ext-all-debug.js`、`ext-core.js`、`ext-back-format.js`和`ext-core-debug.js`等。这些文件通常会放在项目WebRoot下的特定目录结构中，例如`extEngine`目录及其子目录`adapter`、`builder`、`resources`和`source`。 开发时，页面需要引入几个关键资源来支持ExtJS的功能和界面展示。这包括ExtJS的基础库文件如`ext-base.js`、`ext-all.css`，以及可能需要的语言包如`ext-lang-zh_CN-GBK.js`（中文汉化）。此外，还有分页功能的`PagingToolbarExt.js`，关闭Tab页的`TabCloseMenu.js`，通用JavaScript文件`b2bcommon.js`，页面样式文件`b2b-grid.css`，以及文件上传组件`Ext.ux.UploadDialog.js`。 实例开发部分，以创建一个产品中心的查询页面为例，该页面使用了ExtJS的边境布局（border layout），它将页面分为north、west、center和south四个区域。主面板是一个TabPanel，设置在页面的center区域，具有滚动选项和自动销毁功能。TabPanel的第一个标签页是一个名为'我的工作台'的门户（portal）布局，它可以包含多个列和自定义项。 这个例子展示了ExtJS的强大布局管理能力和组件化的特性，开发者可以根据需要添加更多的组件和功能，创建复杂的交互式Web应用。在实际开发中，开发者还需要熟悉ExtJS的API文档，理解组件的属性、方法和事件，以及如何通过配置和JavaScript代码来构建用户界面。