【ExtJs】使用Cookie、切换主题和语言

转自:http://witmax.cn/extjs-cookie-theme-lang.html

使用Cookie:


1

2

3

Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

 Ext.state.Manager.set("key","value");

 var cookievalue=  Ext.state.Manager.get("key");

切换主题:


1

2

3

4

//使用默认主题

Ext.util.CSS.removeStyleSheet(‘theme‘);

//切换到其他主题

Ext.util.CSS.swapStyleSheet(‘theme‘, cssFilePath);

切换语言:


1

2

3

4

5

6

var head = Ext.fly(document.getElementsByTagName(‘head‘)[0]);

Ext.DomHelper.append(head, {

   tag:‘script‘

   ,type:‘text/javascript‘

   ,src:‘ext/source/locale/ext-lang-‘ + lang + ‘.js‘

});

时间: 2024-10-10 00:29:01

【ExtJs】使用Cookie、切换主题和语言的相关文章

网站切换主题

主题皮肤切换功能在很多网站和系统中应用,用户可以根据此功能设置自己喜欢的主题颜色风格.本文介绍如何使用jQuery实现切换主题皮肤功能. 实现该功能的原理就是通过点击定义的主题样式,改变页面当前引用的主题CSS文件,并且将当前的主题样式写入cookie中或者写入数据库中,以便下次该用户重新访问页面时,调用的就是上次设置好的主题样式. 准备主题皮肤样式 首先,准备三个样式表CSS文件,分别是三种风格的主题皮肤,将其引入页面,放置在页面的<head>之间. <link title="

easyui切换主题

easyui 1.4.2下载地址:点击打开链接 主题有十多个吧 jquery cookie下载地址:点击打开链接 首先页面肯定先导入easyui相关的: 相关界面,我定义了一个切换主题的 <div style="position: absolute;right: 14px;top:42px;"> <div class="easyui-panel" style="padding:5px;font-size: 20px;font-weight

jQuery实现无刷新切换主题皮肤功能

jQuery实现无刷新切换主题皮肤功能 helloweba.com 作者:月光光 时间:2010-12-13 12:49 主题皮肤切换功能在很多网站和系统中应用,用户可以根据此功能设置自己喜欢的主题颜色风格,增强了用户体验.本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能. 查看演示 实现该功能的原理就是通过点击定义的主题样式,改变页面当前引用的主题CSS文件,并且将当前的主题样式写入cookie中或者写入数据库中,以便下次该用户重新访问页面时,调用的就是上次设置好的主题样式. 准备

使用jQuery UI插件实现切换主题功能——经验小结

最近为了美化页面,想在项目中加入主题切换的功能,网上查了好久,决定使用jQuery UI插件来实现,之所以要使用jQuery UI,是因为它自带了很多种主题包,只需下载引入即可使用,方便快捷.具体操作步骤如下: 1. 下载主题包 首先来看下jQuery UI提供的主题包:http://jqueryui.com/themeroller/ 里面的主题各式各样,还可以自定义主题,挑选合适的主题包下载,这里选取前4个, 目前最新版本是1.12.1,这里选用1.10.4版本,个人感觉这个版本比较好用,下载

Android 学习笔记之切换主题

首先要有主题颜色 theme_color.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <resources> 3 4 <!--红--> 5 <color name="red">#FF6347</color> 6 <color name="dark_red">#F4511E</color> 7 &

LNMP下wordpress无法切换主题,只显示当前主题解决方法

最近在lnmp下发现wordpress后台无法切换主题,只能显示当前主题,开始还以为是文件没传完,又重置了一遍,还是一样.百度得知,原来军哥的LNMP安装包默认关闭了scandir函数,为了安全考虑. 找到问题所在很简单,其实军哥在安装包里面已经说明关闭了一些函数,自己研究下哈.用winscp或者flashfxp登陆,找到 /usr/local/php/etc/php.ini 下载下来进行编辑,ctrl+f查找disable_functions,找到我们要使用的scandir函数,删除,然后上传

win10 uwp 切换主题

本文主要说如何在UWP切换主题,并且如何制作主题. 一般我们的应用都要有多种颜色,一种是正常的白天颜色,一种是晚上的黑夜颜色,还需要一种辅助的高对比颜色.这是微软建议的,一般应用都要包含的颜色. 我们还可以自己定义多种颜色,例如金属.海蓝之光.彩虹雨.然而微软给我们的切换,简单只有亮和暗. 那么问题就是我们如何切换我们的主题. 在这前,我们先说如何制作主题,其实主题就是Dictionary,我们在解决方案加上两个文件夹,一个是View,一个是ViewModel,其中View将会放主题,如果主题比

Thinkphp动态切换主题

'DEFAULT_THEME' => '2014', 'TMPL_DETECT_THEME' => true, // 自动侦测模板主题 'THEME_LIST' => '2012,2014', // 支持的模板主题项 2012和2014的目录结构 app/tpl/2012 app/tpl/2014 切换主题时,在url上加上 http://www.xxx.com/?t=2012 就切换到2012的主题了,且以后所有的url后面无需再跟上?t=2012

Android 实现切换主题皮肤功能(类似于众多app中的 夜间模式,主题包等)

首先来个最简单的一键切换主题功能,就做个白天和晚上的主题好了. 先看我们的styles文件: 1 <resources> 2 3 <!-- Base application theme. --> 4 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 5 <!-- Customize your theme here. --> 6 &l