extjs4.1环境搭建
2015-07-31 02:44
627 查看
1、创建一个test.jsp 映入css样式文件
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set> 设定工程路径
<link rel="stylesheet" type="text/css" href="${contextPath}/extjs/resources/css/ext-all.css"/>
2、引入一个重要的js文件,4个文件选一个即可
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-all-debug.js" />
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-all-dev.js" />
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/bootstrap.js" />
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-all.js" />
3、引入国际化js
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-lang-zh_CN.js"/>
4 引入自己的js
<script type="text/javascript" charset="utf-8" src="${contextPath}/js/test.js"/>
需要注意的是如果使用了springmvc 需要配置资源文件的映射
<mvc:resources location="/extjs/" mapping="/extjs/**"/>
<mvc:resources location="/js/" mapping="/js/**"/>
<mvc:resources location="/jsp/" mapping="/jsp/**"/>
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set> 设定工程路径
<link rel="stylesheet" type="text/css" href="${contextPath}/extjs/resources/css/ext-all.css"/>
2、引入一个重要的js文件,4个文件选一个即可
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-all-debug.js" />
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-all-dev.js" />
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/bootstrap.js" />
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-all.js" />
3、引入国际化js
<script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-lang-zh_CN.js"/>
4 引入自己的js
<script type="text/javascript" charset="utf-8" src="${contextPath}/js/test.js"/>
需要注意的是如果使用了springmvc 需要配置资源文件的映射
<mvc:resources location="/extjs/" mapping="/extjs/**"/>
<mvc:resources location="/js/" mapping="/js/**"/>
<mvc:resources location="/jsp/" mapping="/jsp/**"/>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test.jsp</title> <link rel="stylesheet" type="text/css" href="${contextPath}/extjs/resources/css/ext-all.css"/> <script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-all-debug.js" /> <script type="text/javascript" charset="utf-8" src="${contextPath}/extjs/ext-lang-zh_CN.js"/> <script type="text/javascript" charset="utf-8" src="${contextPath}/js/test.js"/> </head> <body> </body> </html>
相关文章推荐
- extjs类继承图之组件(1)
- 理解JavaScript闭包
- 【转】js正则表达exec和match的区别
- JavaScript权威指南_145_第15章_脚本化文档_15.9-HTML表单-选择框和选项元素
- JS特效实现图片自动播放并可控的效果
- Javascript实现的Map集合工具类完整实例
- js实时获取并显示当前时间的方法
- javascript常用正则表达式汇总
- JavaScript实现快速排序的方法
- javascript实现简单的页面右下角提示信息框
- JSON字符串转JSON对象
- Javascript实现网络监测的方法
- javascript文本模板用法实例
- javascript动画算法实例分析
- 纯JS实现本地图片预览的方法
- javascript实现检验的各种规则
- JavaScript实现图片轮播的方法
- JavaScript数据类型判定的总结笔记
- JavaScript图片轮播代码分享
- JSON的理解