ExtJS 4.2 01 Hello ExtJS
2015-06-04 00:00
891 查看
参考文章:http://www.cnblogs.com/youring2/p/3269503.html
下载地址:http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip
官网地址:http://www.sencha.com/products/extjs
下载完成以后,我们就得到了ExtJS 的源代码、API文档,以及示例内容。
新建一个HTML页面
:
其中:Ext.onReady 表示在Dom结构构造完成后执行
示例源代码:
点击打开链接
下载 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 grid取到数据而不显示的解决
- ExtJS下grid的一些属性说明
- Extjs在exlipse中设置自动提示的方法
- 常用Extjs工具:Extjs.util.Format使用方法
- extjs DataReader、JsonReader、XmlReader的构造方法
- 学习ExtJS(一) 之基础前提
- extjs 为某个事件设置拦截器
- ExtJs 学习笔记基础篇 Ext组件的使用第1/2页
- Extjs列表详细信息窗口新建后自动加载解决方法
- Extjs grid添加一个图片状态或者按钮的方法
- Extjs学习笔记之四 工具栏和菜单
- extjs form textfield的隐藏方法
- ExtJS 2.0实用简明教程之应用ExtJS
- ExtJS Store的数据访问与更新问题
- 不用写JS也能使用EXTJS视频演示
- Extjs改变树节点的勾选状态点击按钮将复选框去掉
- extjs 列表框(multiselect)的动态添加列表项的方法
- ExtJs默认的字体大小改变的几种方法(自己整理)
- ExtJS 配置和表格控件使用第1/2页
- 解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题