ExtJS 4.2 01 Hello ExtJS

参考文章: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


创建目录如下:
ExtJS 4.2 01 Hello ExtJS_第1张图片

新建一个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)