关于EXTJS2.X的样式更换-开源人博客

当前位置>>开源人>>博客>>正文

关于EXTJS2.X的样式更换

作者:tq04q5k　发表日期:2008月08日05日 13:16　网友评论：2条　点击：271

刚刚来到开源人这里，写篇自己的心得。主要是关于EXTJS2.X的样式更换。一共是10种风格，包括了官方发布的八种和非官方的2种

大家还不知道怎样换肤吗？
那我再讲详细些

一、解压 ext2样式.rar 文件，里面有css和images两个目录，将css目录下的12个CSS文件拷贝到你的应用中，如放在 webroot/css/ext/下面，将images目录下的12个图片目录拷贝到应用中，如放在webroot/images/ext/下面

二、修改12个CSS文件，将文件出现的 “../../images/ext/” 替换为那些12个图片目录的位置，这里刚好就是“../../images/ext/”，不用替换。

三、假如你的整个应用使用green样式，则在每个页面上引用 webroot/css/ext/xtheme-green.css 文件，
当然，这个文件路径应该做为一个SESSION变量保存起来，在页面上引用这个变量，以下用JSP简单为例：

Java代码

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String contextPath = request.getContextPath();
String extCssPath = session.getAttributes("extCssPath");//值为css/ext/xtheme-green.css
%>
<html>
<head>
<link rel="stylesheet" type="text/css" href="<%=contextPath %>/css/ext/ext-all.css" />
<link id="theme" rel="stylesheet" type="text/css" href="<%=contextPath %>/<%=extCssPath%>">
....