更改ExtJS主题风格

通过更改不同的stylesheet实现更改ExtJS主题风格

<%
String contextPath = request.getContextPath();
String extCssPath = session.getAttributes("extCssPath");//css/ext/xtheme-green.css
%>
<link rel="stylesheet" type="text/css" href="<%=contextPath %>/css/ext/ext-all.css" />
<link id="theme" rel="stylesheet" type="text/css" href="<%=contextPath %>/<%=extCssPath%>">

实质就是修改风格相关的css文件

或是在页面中直接加入：
例如： <link id="theme" rel="stylesheet" type="text/css" href="ext/resources/css/xtheme-gray.css" /><!--更改主题风格-->
即可。

评论

1 楼 seyaa 2010-10-26  

Ext.util.CSS.swapStyleSheet('theme','css/xtheme-slate.css');