ExtJS 初步开发指南
在进行 ExtJS 的初步开发之前,需要准备一些基本的文件和设置。以下是必要的步骤和信息:
1. **文件列表**:
- `ext-all-debug.js`或`ext-all-min.js`: 这是 ExtJS 的核心库,提供了所有组件和工具。选择是否使用调试版(debug)或压缩版(min)取决于你的开发环境需求。
- `ext-theme-manager.css`: 用于管理主题样式的 CSS 文件。
2. **配置**:
ExtJS 的初始化需要一些配置信息,包括应用程序的名称、ID、版本等。以下是一个基本的配置示例:
```javascript
Ext.onReady(function() {
var app = Ext.create('Ext.application', {
name: 'MyApp',
id: 'app1',
version: '0.0.1'
});
});
```
3. **使用**:
在配置完成后,可以开始创建组件和布局。例如,创建一个简单的面板(Panel):
```javascript
var panel = Ext.create('Ext.panel.Panel', {
title: 'My Panel',
items: [
{
xtype: 'label',
text: 'Hello, World!'
}
]
});
```
4. **总结**:
ExtJS 的初步开发涉及配置文件、核心库和组件的使用。通过上述步骤,你可以快速搭建一个基本的 ExtJS 应用程序。
316.5KB
文件大小:
评论区