ExtJS 4.2 01 Hello ExtJS

最新推荐文章于 2024-09-21 10:38:43 发布

chenxian6841

最新推荐文章于 2024-09-21 10:38:43 发布

阅读量89

点赞数

文章标签： java javascript ViewUI

原文链接：https://my.oschina.net/Yaland/blog/424957

版权

参考文章: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结构构造完成后执行

示例源代码: 点击打开链接

转载于:https://my.oschina.net/Yaland/blog/424957