1、下载 sdk
官方下载地址：http://www.sencha.com/products/extjs/download/ （下载时要填写 e-mail)
2、目录说明
- bootstrap.js 根据不同的使用环境以决定是应用ext开发调试包还是ext运行包
- ext-all.js ext运行包，包含ext标准版所有的压缩代码
- ext-all-debug.js ext开发调试包，包含ext标准版所有的未压缩代码
- ext-all-debug-w-comments.js ext带注释的开发调试包,包含ext标准版所有的未压缩代码，并且带有注释
- ext.js ext核心包，仅包含ext核心应用的压缩代码
- ext-debug.js ext核心调试包，仅包含ext核心应用的未压缩代码
3、引入lib 文件并编写代码
[code lang=”js”]<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
学习extjs
</title>
<link href="http://localhost/ext5.0.0/build/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all-debug.css" type="text/css" rel="stylesheet">
<script src="http://localhost/ext5.0.0/build/ext-all.js" type="text/javascript">
</script>
</head>
<body>
<script>
Ext.require([‘Ext.window.Window’]);
Ext.onReady(function() {
var win = Ext.create(‘Ext.window.Window’, {
autoShow: true,
title: ‘提示’,
width: 500,
height: 300,
minWidth: 300,
minHeight: 200,
layout: ‘fit’,
plain: true,
html:’你好！ext5.0′,
buttons: [{
text: ‘确定’
}]
});
});
</script>
</body>
</html>[/code]
上面代码大概分析下，首先引入ext-theme-crisp-all-debug.css和ext-all.js两个库文件，然后Ext.require([‘Ext.window.Window’]);这句导入我们需要用到的控件。在Ext.onReady事件被调用的时候创建一个窗口，然后显示窗口。
–每天一点点