extjs4需要引入哪些文件

最新推荐文章于 2020-01-17 14:00:07 发布

原创最新推荐文章于 2020-01-17 14:00:07 发布 · 5.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

extjs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍 ExtJS 4 开发中必需引入的三个核心文件：ext-all.js、ext-lang-zh_CN.js 和 ext-all.css。并提供了一个 Java 示例来说明如何正确加载这些资源。

请务必先了解上一篇《extjs的文件目录结构简介》，在了解extjs4的目录结构后，再来阅读本文。

本文只针对刚开始使用extjs4的小白，大神请自行绕道。

当我们决定使用extjs4的时候，肯定首先面对的第一个问题是应该引入哪些文件（当然你得先下载）。

简单的说，3个文件：

1.ext-all.js

2.ext-lang-zh_CN.js

3.ext-all.css

<%@ page language="java" pageEncoding="GBK"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%-- 应用名称 --%>
<c:set var="APP_HOME" value="${pageContext.request.contextPath}"></c:set>
<%-- extjs所在的主目录 --%>
<c:set var="EXTJS_HOME" value="${APP_HOME}/sys/ui/extjs/extjs-4.2.1"></c:set>

<%-- extjs4所需的js文件(包括核心,控件等) --%>
<script type="text/javascript" src="${EXTJS_HOME}/ext-all.js"></script>
<%-- 
    extjs4所需的本地语言js文件(使用简体中文) 
    注:该文件使用的中文编码为UTF-8,故这里需要加上charset=UTF-8,
       否则有可能会和用户自定义页面编码(比如GBK)起冲突,产生乱码
 --%>
<script type="text/javascript" src="${EXTJS_HOME}/locale/ext-lang-zh_CN.js" charset="UTF-8"></script>

<%-- extjs4所需的css文件 --%>
<link rel="stylesheet" type="text/css" href="${EXTJS_HOME}/resources/css/ext-all.css">

第一个文件，不用多说，extjs的核心，控件等都包括在ext-all.js其中了，必须引的；第二个文件，我相信大家都是中国人吧，这个文件用来支持当地语言环境的，举个简单例子，日期控件的翻译（再次提醒请务必在引入文件时加上charset="UTF-8"）；第三个文件样式文件，你自己喜欢什么主题就换成它的css，举例，4新的主题neptune，想要就直接引入

<link rel="stylesheet" type="text/css" href="${EXTJS_HOME}/resources/css/ext-all-neptune.css">