- 浏览: 272977 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
zhuzhuhenzhencheng:
密码是什么啊
Ext表格(Grid)上面的悬浮提示 -
鹿惊_:
确实如雪中送炭般温暖!
Ext扩展整理后吐血奉献 -
ortega1_2_3:
该版本貌似有bug,当sockIOPool的自平衡线程self ...
Java MemCached Window简单实现 -
q6952592:
好。解决了我的兼容模式下出现的问题。
Ext表格(Grid)上面的悬浮提示 -
fei33423:
请参考 fei33423的文章 java中直接调用groovy ...
Groovy应用(Java与Groovy间相互调用)
/** * @author JLee * @since 2011-4-20 * @description * <p>实现 Ext 之间的皮肤切换</p> * @class Ext.ux.ThemeChange * @extends Ext.form.ComboBox */ Ext.ux.ThemeChange = Ext.extend(Ext.form.ComboBox,{ editable : false, displayField : 'theme', valueField : 'css', typeAhead : true, mode : 'local', width : 90 , value : '默认蓝', readonly : true, triggerAction : 'all', selectOnFocus : true, initComponent : function(){ var themes = [ ['默认蓝', 'ext-all.css'], ['青绿色', 'xtheme-green.css'], ['靛青色', 'xtheme-indigo.css'], ['深粉色', 'xtheme-pink.css'], ['亮紫色', 'xtheme-purple.css'], ['暗蓝色', 'xtheme-slate.css'], ['深灰色', 'xtheme-darkgray.css'], ['浅灰色', 'xtheme-gray.css'], ['暗紫色', 'xtheme-midnight.css'], ['橄榄色', 'xtheme-olive.css'], ['纯黑色', 'xtheme-black.css'], ['橘黄色', 'xtheme-calista.css'], ['银黑色', 'xtheme-slickness.css'] ]; this.store = new Ext.data.SimpleStore({ fields : ['theme', 'css'], data : themes }); this.readCookie() ; }, initEvents : function(){ this.on('collapse', function(){ this.changeTheme(this.getRawValue()) ;//切换样式 this.writeCookie(this.getRawValue()) ;//将样式代号写入 Cookie }); } , writeCookie : function(){ //设定Cookie值 Ext.state.Manager.setProvider( new Ext.state.CookieProvider({ expires: new Date(new Date().getTime()+(1000*60*60*24*30)) //30 days }).set('adaptoflowTheme',arguments[0]) ); } , readCookie : function(){ //读取Cookie值 var theme = new Ext.state.CookieProvider().get('adaptoflowTheme'); if(theme){ this.changeTheme(theme) ; }else{ this.changeTheme("默认蓝") ; } } , changeTheme : function(){ var colorCSS = "#cad9ec" ;//页头页脚的颜色变量 var themeCSS = "" ;//Ext主题变量 if(arguments[0]=="深灰色"){ colorCSS = "#848484" ; themeCSS = "xtheme-darkgray.css" ; }else if(arguments[0]=="默认蓝"){ colorCSS = "#cad9ec" ; themeCSS = "" ; }else if(arguments[0]=="橘黄色"){ colorCSS = "#FFB361" ; themeCSS = "xtheme-calista.css" ; }else if(arguments[0]=="纯黑色"){ colorCSS = "#2D2D2D" ; themeCSS = "xtheme-black.css" ; }else if(arguments[0]=="浅灰色"){ colorCSS = "#EAEAEA" ; themeCSS = "xtheme-gray.css" ; }else if(arguments[0]=="青绿色"){ colorCSS = "#C1E5D8" ; themeCSS = "xtheme-green.css" ; }else if(arguments[0]=="靛青色"){ colorCSS = "#656796" ; themeCSS = "xtheme-indigo.css" ; }else if(arguments[0]=="暗紫色"){ colorCSS = "#454976" ; themeCSS = "xtheme-midnight.css" ; }else if(arguments[0]=="橄榄色"){ colorCSS = "#B6DB92" ; themeCSS = "xtheme-olive.css" ; }else if(arguments[0]=="深粉色"){ colorCSS = "#E9DAEE" ; themeCSS = "xtheme-pink.css" ; }else if(arguments[0]=="亮紫色"){ colorCSS = "#CFC1FF" ; themeCSS = "xtheme-purple.css" ; }else if(arguments[0]=="暗蓝色"){ colorCSS = "#60738B" ; themeCSS = "xtheme-slate.css" ; }else if(arguments[0]=="银黑色"){ colorCSS = "#242424" ; themeCSS = "xtheme-slickness.css" ; } this.setValue(arguments[0]) ;//更改样式Combo的现实值 Ext.util.CSS.swapStyleSheet('theme', 'css/'+ themeCSS);//切换Ext皮肤 document.getElementById("south").style.background = colorCSS ;//更换页角样式 document.getElementById("north").style.background = colorCSS ;//更换页头样式 } }); Ext.reg('xthemeChange', Ext.ux.ThemeChange);
- ext2皮肤样式.rar (1.3 MB)
- 下载次数: 222
发表评论
-
JSON查看工具
2012-03-09 22:26 0Eclipse 的json插件: 这款插件主要功能是把jso ... -
gzip压缩JavaScript
2012-02-13 17:14 5695为了提高客户端的体验效果,RIA开发逐渐兴起。这样 ... -
Ext扩展整理后吐血奉献
2012-01-19 13:58 7116对 Ext 扩展的一些小总结 1、multicombo (多 ... -
JSON LIB转化时间
2011-11-02 09:32 1327Ext Grid显示Json lib 转化时间为object的 ... -
JS计算日期差
2011-09-24 14:04 1551function Computation(sDate1,sDa ... -
将Air文件转换为EXE进行部署
2011-06-14 17:21 1689如果你的air sdk还没有升级到2.0 那显然是不行的. ... -
禁止IE的backspace键(退格键),但输入文本框时不禁止
2011-06-09 09:59 3657Ext实现方式: Ext.getDoc().on('keyd ... -
Ext中集成在线编辑器Ext.ux.TinyMCE
2011-05-31 15:46 3066Ext.ux.TinyMCE第三方对Ext 在线编辑器的扩展, ... -
Ex的Ajax请求实现同步
2011-05-31 15:29 1329Ext2,.x的Ajax实现同步 Ext.lib.Ajax. ... -
JS实现将XML转化为JSON
2011-05-31 15:09 5550直接上代码 xmlToJson={ parser: ... -
Ext表格(Grid)上面的悬浮提示
2011-05-30 16:36 7540方法一 使用render //鼠标放在Grid上面显示提示 ... -
开发者最容易犯的13个JavaScript错误
2011-04-25 10:28 6951.for.. 数组迭代的用法 U ... -
JS获取屏幕大小
2011-04-18 16:56 1218<html> <script> f ... -
在js中对中文和特殊字符转码
2011-04-14 14:21 3910直接上代码 js对文字进行编码涉及3个函数:escape,e ... -
Aptana 构建 Air 项目(集成ExtJS)
2011-03-17 01:00 34371、安装Aptana IDE ... -
XTemplate
2011-03-16 14:07 4535Ext XTemplate的应用: template. ... -
读取Properties文件中的内容填充本地combo
2011-03-10 16:24 1825首先定义一个properties文件放到classpath路径 ... -
汉字转换为拼音
2011-03-09 10:11 4560首先定义一个html页面: ... -
Ext Grid 实现批量添加或者修改
2011-03-02 22:30 4426将ExtJS Grid 中的record逐一转化为Bean,实 ... -
ExtJS中submit与Ajax的success
2010-11-12 23:10 7876Ajax中使用Success使用response接收后台传来的 ...
相关推荐
Ext皮肤Ext皮肤Ext皮肤Ext皮肤Ext皮肤
几款非常不错的Ext皮肤,可以给自己做的Ext东东换上自己喜欢的衣服。
各种ext皮肤,各位爱好ext的大大们,赶紧来下载了啊!
ext皮肤
ext皮肤下载ext皮肤下载ext皮肤下载ext皮肤下载
12套原版漂亮的EXT皮肤 包含所用的CSS和图片
12种Ext皮肤颜色,实现完美的换肤效果,大家可以下载看看
,而且,AOM虽然提供了5种皮肤给我们切换,但是从2.0开始,连自带的另四种皮肤都不怎么完善了,为此我专门检查了operamasks-impl.jar源码中的vista皮肤,发现似乎是本身自带的图片都缺少了,所以显示并不完全,很多...
ext皮肤包,共有六个,分别是“xtheme-blace”“xtheme-darkgray”“xtheme-galdaka”“xtheme-olive”“xtheme-purple”“xtheme-slate”
20个ext2皮肤样式20个ext2皮肤样式20个ext2皮肤样式20个ext2皮肤样式
ext 皮肤(不含EXT包)ext 皮肤(不含EXT包)
EXT更换皮肤下载了,可利用更改的CSS和图片来更换你的CSS皮肤样式
Ext3.x样式 Ext3.x皮肤 收集整理了21套Ext3.x的样式皮肤文件 如果各位嫌Ext样式单一的话绝对可以解决你的需求 让你眼前一亮
Ext 配套书籍 图书系统 含18皮肤切换风格功能。。
ext 皮肤 js javascript
EXT框架皮肤EXT框架皮肤EXT框架皮肤EXT框架皮肤EXT框架皮肤EXT框架皮肤
Ext-Js更换皮肤样式!!内容很丰富的,自己看吧!
ext有几种不同的颜色皮肤,这里将其单独提出,可参考参考。。。
Ext动态换皮肤 1、在页面中增加一个放样式文件的地方: <link rel="stylesheet" type="text/css" href="ext/2.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext/2.0/adapter/ext/ext-...
extstyle【12套原版漂亮的EXT皮肤】.rarextstyle【12套原版漂亮的EXT皮肤】.rar