版本: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用于最终产品。 |