版本:extjs 2.0.1
首先建立一个文件夹,命名为myextjs,作为我们项目的根目录。
在myextjs文件夹下面,建立一个文件夹lib。
下载ext-2.0.1.zip并解压到lib文件夹下,为了方便起见,将ext-2.0-1.zip文件夹改名为extjs。
在myextjs文件夹下,新建一个html文档,命名为helloworld.html。
至此,目录结构如下:
myextjs
|
----lib----extjs
|
----helloworld.html
下面是helloworld.html的代码:
<html>
<head>
<title>Getting Started Example</title>
<link rel="stylesheet" type="text/css" href="lib/extjs/resources/css/ext-all.css" />
<script src="lib/extjs/adapter/ext/ext-base.js"></script>
<script src="lib/extjs/ext-all-debug.js"></script>
<script>
Ext.onReady(function(){
Ext.Msg.alert('Hello', 'Hello World Example');
});
</script>
</head>
<body>
<!-- Nothing in the body -->
</body>
</html>
备注:
ext-base.js: 提供ExtJS的核心功能。
ext-all-debug.js 或 ext-all.js:所有的widgets都在这个文件里。ext-all-debug.js用于开发阶段,ext-all.js用于最终产品。