ExtJS4.x 开发环境搭建

需要的资源

ExtJS4.2
eclipse

开发环境搭建

在项目中国需要引用的文件：

eclipse中有报错。需要处理的是ext-lang-zh_CN.js，中文编码不能识别。右键->属性->将文件编码格式改为UTF-8即可。其他错误不用管。

测试页面代码：

<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ExtJs 演示</title>
<link rel="stylesheet" type="text/css"href="./extjs/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="./theme/theme.css" />
</head>
<body><script type="text/javascript" src="./extjs/ext-all-debug.js"></script><script type="text/javascript" src="./extjs/locale/ext-lang-zh_CN.js"></script><script type="text/javascript">Ext.onReady(function() {Ext.Msg.alert('Info', 'This is a test!');});</script>
</body>
</html>

测试结果：

关于引用的文件需要注意的是如下这一句：

<script type="text/javascript" src="./extjs/ext-all-debug.js"></script>

extjs4.x及extjs5.x提供了四个入口文件：ext.js，ext-debug.js，ext-all.js，ext-all-debug.js。

如果采用extjs3.x及之前的传统模式开发的话一般需要使用ext-all.js或者ext-all-debug.js。这两个文件中包含了整个extjs类库的内容。

如果采用extjs mvc模式开发的话这四个文件都可以使用。不同的是使用ext.js和ext-debug.js只包括支撑应用启动的核心类代码。如需要使用extjs其他功能组件的话会自动动态加载。因此在extjs应用中需要包含extjs的src包（这个包里有extjs的全部功能组件）。

在名称中不包括有“-debug”的文件是压缩后的文件，可以在生产环境中使用。含有“-debug”的文件则是未压缩的文件，适于在开发环境中使用。

看到还有文章说可以通过bootstrap.js启动，试了下效果不是很好，不建议使用。

转载于:https://www.cnblogs.com/amunote/p/3696900.html

ExtJS4.x 开发环境搭建相关推荐

Android环境搭建和Android HelloWorld—Android开发环境搭建
Android_Android开发环境搭建-搭建Android的开发环境 1.我考虑先下载JDK7.0,在JDK的安装中,考虑一般SDK都是向上兼容的,于是选择了最高的版本7.0 这里是我总结的详细的 ...
qt工程在linux系统里颜色显示错误_【飞凌嵌入式RK3399开发板试用体验】+QT开发环境搭建测试（二）...
作者:飞扬的青春在拿到开发板之后,已经体验了Android操作系统,接下来就是体验Linux下的开发,本次以QT的一个小案例来测试下. 首先是自己先搭建了一个Ubuntu18．04的虚拟机,使用真机 ...
Go：分布式学习利器（1） -- 开发环境搭建 + 运行第一个go程序
文章目录为什么要学习 go 开发环境搭建 -- MAC 运行第一个go程序 go 函数的返回值设置 go 函数的命令行参数为什么要学习 go 在如下几个应用场景的需求下产生了go: 超大规模分布式 ...
智能合约开发环境搭建及Hello World合约
如果你对于以太坊智能合约开发还没有概念(本文会假设你已经知道这些概念),建议先阅读入门篇. 就先学习任何编程语言一样,入门的第一个程序都是Hello World.今天我们来一步一步从搭建以太坊智能合约 ...
iPhone开发环境搭建全过程 iPhone手机开发内容，中文手册
http://3g.edu.csdn.net/kecheng/iphone.html iPhone手机开发内容 http://www.docin.com/p-34874880.html# iPhon ...
python搭建numpy_python开发环境搭建及numpy基本属性-【老鱼学numpy】
目的本节我们将介绍如何搭建python的开发环境以及numpy的基本属性,这样可以检验我们的numpy是否安装正确了. python开发环境的搭建工欲善其事必先利其器,我用得比较顺手的是Intel ...
windows下pomelo开发环境搭建及JS乱码问题
from: http://blog.csdn.net/wangqiuyun/article/details/9243263 最近一直在研究node.js这一块,为的就是使用网易的pomelo框架,学习 ...
Android配置----Android开发环境搭建
[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/3 ...
JDK安装以及开发环境搭建
无论是Java开发.J2EE以及Android开发搭建环境时JDK开发环境搭建及环境变量配置是必不可少的,这篇文章就来就分别介绍下JDK的下载以及不同平台的环境变量的配置. 1.安装JDK开发环境官 ...

ExtJS4.x 开发环境搭建

ExtJS4.x 开发环境搭建相关推荐

最新文章

热门文章