首页 技术 正文
技术 2022年11月17日
0 收藏 920 点赞 4,488 浏览 1178 个字

需要的资源

  1. ExtJS4.2
  2. eclipse

开发环境搭建

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

ExtJS4.x 开发环境搭建

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

ExtJS4.x 开发环境搭建

测试页面代码:

<%@ 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" rel="external nofollow" />
<link rel="stylesheet" type="text/css" href="./theme/theme.css" rel="external nofollow" />
</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>

 

测试结果:

ExtJS4.x 开发环境搭建

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

<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启动,试了下效果不是很好,不建议使用。

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,084
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,559
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,408
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,181
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,818
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,901