EXT JS入门与窗口示例：快速上手指南

EXTJS开发指南是为初学者准备的一份实用教程，它涵盖了如何在网页中集成和利用EXTJS框架进行开发。EXTJS是一款广泛应用于JavaScript开发的富客户端UI框架，特别适合构建交互式和响应式的Web应用。 在使用EXTJS之前，页面通常需要包含三个关键的外部文件链接：`extjs/resources/css/ext-all.css`（样式表），`extjs/adapter/ext/ext-base.js`（适配器）以及`extjs/ext-all.js`（核心库）。加载完成后，EXTJS会在`Ext.onReady`函数中执行指定的代码，这是应用程序初始化的标准入口点。例如，开发者可以定义一个函数，如`fn`，并在`Ext.onReady(fn)`中调用，用于确认EXTJS库已经加载完毕，或者立即展示一个窗口。 在编写代码时，`fn`函数也可以写成匿名函数形式，以便更简洁地表示。例如，创建一个带有自定义标题、尺寸和HTML内容的窗口： ```javascript Ext.onReady(function() { var win = new Ext.Window({ title: "hello", width: 300, height: 200, html: '<h1>Hello,easyjfopensource</h1>' }); win.show(); // 显示窗口 }); ``` EXTJS的类库主要分为两个部分：底层API（core）和控件(widgets)。底层API提供基础功能，如DOM操作、事件处理和DOM查询，这些核心模块文件如`DomHelper.js`和`Element.js`存储在`core`子目录中。控件则是更高层次的可复用组件，包括但不限于面板、选项卡、表格、树、窗口、菜单、工具栏和按钮，它们使得开发者能够轻松创建出功能丰富的用户界面。 通过理解和掌握这些基础知识，开发者可以逐步构建出交互性强且性能优化的EXTJS应用。对于初学者来说，熟悉并实践这些步骤是学习和使用EXTJS的关键。