六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 94|回复: 0

第一个extjs程序

[复制链接]

升级  58%

7

主题

7

主题

7

主题

童生

Rank: 1

积分
29
 楼主| 发表于 2013-2-7 19:38:25 | 显示全部楼层 |阅读模式
版本: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用于最终产品。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表