easyui更换主题

太过爱你忘了你带给我的痛 2022-06-09 04:52 273阅读 0赞

*  放再公共的js文件下,并且必须是在easyui的后面 。  
    一般我们会引入easyui自带的主题 如下：

<link id="easyuiTheme" rel="stylesheet" href="<%=basePath%>//jslib/jquery-easyui-1.2.6/themes/<%easyuiThemeName%>/easyui.css"

*  其中`<%easyuiThemeName%>`是引入的变量
 *  写的更改主题的工具：

changeTheme=function(themeName){ 
        var $easyuiTheme=$('#easyuiTheme');
        var url=$easyuiTheme.attr('href');
        var href=url.substring(0,url.indexOf('themes'))+'themes/'+themeName+'/easyui.css';
        $easyuiTheme.attr('href',href);
        var $iframe=$('iframe');
        if($iframe.length>0){
            for(var i=0;i<$iframe.length;i++){
                var ifr=$iframe[i];
                $(ifr).contents().find('#easyuiTheme').attr('href',href);
            }
        }
        $.cookie('easyuiThemeName',themeName,{
            expires :  7
        });
    };

*  这里的cookie是要引入插件jquery.cookie.js,以上的7代表7天
 *  然后在 引入的时候这样写，就可以在下次打开的时候记住你这次切换的主题：

<%
    String easyuiThemeName="default";
    Cookie cookies[]=request.getCookies();
    if(cookies !=null&&cookies.length>0){
        for(int i=0;i<cookies.length;i++){
            if(cookies[i].getName().equals("easyuiThemeName")){
                easyuiThemeName=cookies[i].getValue();
                break;
            }
        }
    }
    
    %>
    <link id="easyuiTheme" rel="stylesheet" href="<%=basePath%>//jslib/jquery-easyui-1.2.6/themes/<%easyuiThemeName%>/easyui.css"

*  当然楼在这所有的之前你要引入
 *  （1）：jquery
 *  （2）：cookie
 *  （3）：themes

发表评论取消回复

表情：

评论列表（有 0 条评论，273人围观）

还没有评论，来说两句吧...

相关阅读

相关【WordPress】如何更换自定义的主题

WordPress更换主题自定义主题使用自定义主题教程

骑猪看日落/ 2024年05月02日 20:25/ 0 赞/ 64 阅读

相关如何进行纯css控制切换主题色或一键更换背景色(更换主题色)

![20201123202342857.gif][] 下面说的是vue+less项目中利用纯css控制方法： 1.在你项目的common样式表里（应该有通用

向右看齐/ 2022年12月23日 07:11/ 0 赞/ 199 阅读

相关 Vue + Element UI（六）：更换皮肤主题

文章目录一、命令行主题工具 1、安装主题工具 2、安装chalk主题 3、初始化变量文件

逃离我推掉我的手/ 2022年09月11日 02:28/ 0 赞/ 605 阅读

相关 IDEA更换主题

更换IDEA主题只需要3步 1. 下载主题在主题网站上[IDEA Color Themes][] 上浏览喜欢的主题并下载该主题。（如果网址有变更,google `

墨蓝/ 2022年08月02日 11:46/ 0 赞/ 236 阅读

相关 JetBrain系列ide更换主题的方法

更换IDEA主题只需要3步 1. 下载主题在主题网站上[IDEA Color Themes][] 上浏览喜欢的主题并下载该主题。（如果网址有变更,google `

系统管理员/ 2022年06月11日 03:43/ 0 赞/ 261 阅读

相关 easyui更换主题

放再公共的js文件下,并且必须是在easyui的后面。一般我们会引入easyui自带的主题如下： <link id="easyuiTheme"

太过爱你忘了你带给我的痛/ 2022年06月09日 04:52/ 0 赞/ 274 阅读

相关 MyEclipse更换主题皮肤

问题描述：如果不喜欢经典皮肤，那么我们可以自己更换皮肤操作步骤： 1.window->preferences ![70][] 2.搜索框输入app，选择Gen

落日映苍穹つ/ 2022年05月28日 03:51/ 0 赞/ 238 阅读

相关 Android Studio 更换个性化主题

需求: Android studio 的默认的主题太亮了，不是很喜欢。想换成Monokai的主题，那个代码配色都很满意。于是年轻嘛，那就是一个干！方案： 1-下

刺骨的言语ヽ痛彻心扉/ 2022年05月21日 09:26/ 0 赞/ 256 阅读

相关 VSCode更换背景主题快捷键

vscode 默认是有好几种主题的，有颜色较深的，也有比较柔和的；我们可以使用快捷键来快速的选择更换主题；首先：按下 Ctrl + k 然后再按下：Ctrl +

约定不等于承诺〃/ 2022年02月23日 05:18/ 0 赞/ 524 阅读

相关关于webstorm更换主题

现在我们前端使用编辑器，只要用习惯就好，不过这里推荐使用webstorm,因为被称为,'js神器’的称号，不是白说的。接下来我们来看下怎么引入主题。下面有一个网站，这

╰+攻爆jí腚メ/ 2021年09月20日 12:58/ 0 赞/ 410 阅读