您的位置:首页 > Web前端 > JavaScript

ExtJS 4.2 01 Hello ExtJS

2015-06-04 00:00 891 查看
参考文章:http://www.cnblogs.com/youring2/p/3269503.html

下载 ExtJS

ExtJS 目前的最新版本是 4.2,我们可以从官方网站下载最新版本的ExtJS。
下载地址:http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip
官网地址:http://www.sencha.com/products/extjs
下载完成以后,我们就得到了ExtJS 的源代码、API文档,以及示例内容。

查看 API

ExtJS 的API文档 和示例需要部署到一个Web服务器上才能查看,我使用Tomcat。直接把解压后的目录拷贝到Tomcat安装目录下的Webapps中,目录名可以改为ExtJS。启动tomcat后,就可以查看ExtJS的文档了。

Hello ExtJs

创建目录如下:



新建一个HTML页面


<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width" /> <link rel="stylesheet" type="text/css" href="js/resources/css/ext-all-neptune.css" /> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/locale/ext-lang-zh_CN.js"></script> <title></title> <script type="text/javascript"> Ext.onReady(function () { Ext.MessageBox.alert("Helloworld","Hello World.") }); </script> </head> <body> </body> </html>


其中:Ext.onReady 表示在Dom结构构造完成后执行

示例源代码:
点击打开链接
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  extjs