文档章节

ExtJS 4.2 系列教程(1):Hello ExtJS4

hanfeng
 hanfeng
发布于 2014/06/10 16:19
字数 267
阅读 1857
收藏 1

1、下载ExtJS

http://www.sencha.com/

我下载的版本是 ext-4.2.1.883

2、使用Eclipse创建Dynamic Web Project ,不懂的自行google(今天下午彻底挂了)or 百度

3、引入ExtJS库

  • 复制ext目录下的resources文件夹到WebRoot的static路径下,里面包含ext提供的主题和css文件

  • 复制bootstrap.js、ext-all.js、ext-all-debug.js三个文件

  • 复制locale中ext-lang-zh_CN.js中文语言包(可选)

4、新建index.jsp文件

在head引入上述Extjs库

<link rel="stylesheet" type="text/css" href="static/ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="static/ext/bootstrap.js"></script>
<script type="text/javascript" src="static/ext/locale/ext-lang-zh_CN.js"></script>

5、修改bootstrap.js文件

找到

  document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-all' + (isDevelopment ? '-dev' : '') + '.js"></script>');

修改为:

  document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-all' + (isDevelopment ? '-debug' : '') + '.js"></script>');

6、在index.jsp的body中编写测试用例

<script type="text/javascript">
	Ext.onReady(function(){
		Ext.MessageBox.alert("hello","Hello,ExtJS4");
	});
</script>

7、部署到Tomcat服务器,运行 http://localhost:8123/ext/index.jsp

© 著作权归作者所有

共有 人打赏支持
hanfeng
粉丝 19
博文 48
码字总数 36874
作品 0
福州
高级程序员
私信 提问
ExtJS4.2学习 php版(三)

我们先定义一个Person类 ExtJS4采用define方法 Ext.define("My.Person",{ name : "", constructor : function(name) {this.name = name;}, say : function() {var me = this;alert("My name......

lbc19920615
2014/03/31
0
0
ExtJs4.1目录结构介绍和使用说明

一、在做ExtJs开发之前首先要到网站上下载ExtJs的开发包,我用的最新版本是4.1.1。此版本相对于之前的版本目录结构发生了一些变化,没有了adapter目录, 目录结构如下 文件/文件夹名的作用:...

Junn
2013/01/17
0
1
ExtJS4.2学习 php版(二)

ExtJS使用命名空间 和 自己构建类的方法 写出了许多可以重用 高效的方法 所以使用ExtJS 类必须了解。 ExtJS4对新的类系统进行了大量的比较彻底的重构,新的架构建立在写在Extjs4库中每一个单...

lbc19920615
2014/03/31
0
0
extjs2.0/3.4 入门教程以及一些例子

前言 有本资料叫extjs简易实用教程,讲得很棒,是初学者的福音——比起官方普遍较复杂的examples,这个教程更靠谱。而且虽说是2.x的教程,但同样适用于3.x——4.x就不知道了。 只是,有些问题...

itwriter
2014/02/25
0
5
[翻译]Ext JS 教程-开始使用 ExtJS 4

入门 1. 需求 1.1 网页浏览器 ExtJS 4 支持所有主流的浏览器,从IE 6 到最新的谷歌Chrome。在开发期间,我们建议你使用下面这些浏览器,以获得更好的调试体验。 Ø Google Chrome 10+ Ø Ap...

LeoXu
2013/05/30
0
3

没有更多内容

加载失败,请刷新页面

加载更多

使用JavaScript编写iOS应用业务逻辑

JSAUIKitCocoa使你可以使用JavaScript编写对性能要求不高但可能变动性很大的iOS应用的业务逻辑部分,View组件、需要多线程支持的Model等则直接使用原生对象。 编写方式与React Native相似,但...

neal01
17分钟前
0
0
艺术品区块链溯源防伪平台(连载一)

Netkiller Blockchain 手札 作者正在找工作,联系方式 13113668890 Mr. Neo Chan, 陈景峯(BG7NYT) 中国广东省深圳市望海路半岛城邦三期 518067 +86 13113668890 <netkiller@msn.com> 文档始创...

netkiller-
18分钟前
0
0
0032-如何在CDH启用Kerberos的情况下安装及使用Sentry(二)

温馨提示:要看高清无码套图,请使用手机打开并单击图片放大查看。 5.Sentry列权限管理 1.在集群所有节点添加fayson_r用户 [root@ip-172-31-6-148 cdh-shell-bak]# useradd fayson_r[root@i...

Hadoop实操
22分钟前
0
0
Nginx配置中Location的优先级

根据Nginx的官方文档,Location标签一共有四个修饰符,分别是: (1) =:表示完全匹配; (2) ^~:匹配URI的前缀,并且后面的正则表达式不再匹配,如果一个URI同时满足两个规则的话,匹配最长的规...

cloes
昨天
0
0
Xcode 10 Archive 卡死问题

前段时间贪新鲜更新了xcode 10,发现就是自己没事找事后悔啊........ 首先是 libstdc++.6.0.9.tbd 已不被使用,以前的项目是一顿报错!!!一个个改也不是办法还有一些第三方的用到只好把lib...

壹峰
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部