`
captain
  • 浏览: 135177 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

extjs主题切换(switch themes)

阅读更多
http://extjs.com/forum/showthread.php?t=2420&highlight=theme

Ext.theme = function() {
    return{
        apply:function(A) {
            A = A.id ? A.id : A;
            Cookies.set("xrinsurtheme", A);
            Ext.util.CSS.swapStyleSheet("theme", getSitePath() + "/extjs/resources/css/ytheme-" + A + ".css");
            Ext.util.CSS.swapStyleSheet("theme", getSitePath() + "/extjs/resources/css/xtheme-" + A + ".css");
        }
    }
} ();
var path = getSitePath();


function getSitePath() {
    var B = document.location.protocol, C = document.location.host, D = document.location.pathname, A = document.location.search, E = B + "//" + C + "/" + (D.split("/"))[1];
    return E;
}
function setSitePath(A) {
    return path + "/" + A;
}


官方提供的主题:http://extjs.com/learn/Ext_Extensions#Ext_2.0_Themes
分享到:
评论

相关推荐

    extjs4.2更换主题

    本文将深入探讨如何在 EXTJS 4.2 中更换主题,包括视图层的样式编辑、控制层的事件处理以及如何从 Cookie 中读取和保存主题设置。 1. **视图层的样式编辑** 在 EXTJS 应用中,视图层是用户界面的呈现部分,它包含了...

    超酷ExtJS主题皮肤(红、橙、红灰)

    在本资源中,我们拥有了三套不同颜色主题的ExtJS皮肤,分别是红色、橙色以及红灰相间的样式,这些皮肤为用户界面增添了更多的个性化元素。 1. **皮肤与ExtJS的关系**:在ExtJS中,皮肤(Skin)是改变应用程序外观的...

    3套收藏的ExtJS主题皮肤资源.rar

    在本资源中,我们拥有三套精心收集的ExtJS主题皮肤,这些皮肤将为你的EXTJS应用增添更多色彩和个性。 首先,我们要了解什么是主题和皮肤。在ExtJS中,主题是控制应用外观的一组CSS样式和图像资源。皮肤则是主题的一...

    十多种extjs主题

    "十多种ExtJS主题"指的是该框架支持的多种视觉样式,这些主题允许开发者根据项目需求或者用户偏好选择合适的界面风格,使得应用在视觉上更加吸引人且符合品牌形象。 在ExtJS中,主题(Theme)主要负责定义组件的...

    Extjs主题(12种)

    Extjs主题(共12种) 使用把Css添加到Ext/resources/css文件夹下,把图片添加到Ext/resources/images文件夹下;在页面直接引用css就可以了 如果是动态的话弄个下拉框 然后 Ext.util.CSS.swapStyleSheet("theme", ...

    extjs精美主题

    在"extjs精美主题"这个主题包中,包含了EXTJS从2.0到5.0版本的多个主题,这些主题不仅提供了多样化的视觉样式,还能够帮助开发者快速创建出美观且功能完善的网页应用。EXTJS的主题主要通过SASS(Syntactically ...

    ExtJS 主题皮肤(红、橙、红灰) 但愿大家能用的上

    在这个压缩包中,包含的是ExtJS的不同主题皮肤,分别是红、橙、红灰三种颜色风格,旨在为用户界面提供多样化的视觉体验。 1. **ExtJS主题皮肤**: - 主题是ExtJS中用于改变应用程序外观的关键元素。它们决定了控件...

    定制ExtJS 4.1主题

    在ExtJS 2.0-3.0 的时代,搜寻一下就可以找到不少主题(themes),例如: http://www.sencha.com/learn/extensions-and-themes http://www.akawebdesign.com/2009/08/27/extjs-3-0-themes/ 但是到了ExtJS 4.x,即使...

    ExtJS之实现华丽的皮肤主题更换

    extjs的默认皮肤很好看 但是我们还可以变换样式切换其他皮肤  1 直接添加其他css文件换肤 好多皮肤上网就可以收到的  如皮肤文件:xtheme olive zip下载  把皮肤文件解压 把css文件 如xtheme olive css 拷贝到...

    ExtJS主题CSS

    在开发过程中,为了实现主题切换,开发者通常会根据用户的偏好或默认设置动态加载不同的CSS文件。这样,用户可以在不刷新页面的情况下,看到应用程序的外观发生即时变化。 总的来说,理解并掌握ExtJS的主题CSS对于...

    extjs4.2主题包

    精选extjs4 2的11个主题 分享给各位 应该能满足普通应用 虽然4 2 x版的 理论上都兼容吧 但测试时最好还是采用本包中提供的类库ext all css 变换主题方法很简单 用下面的代码即可: Ext util CSS swapStyleSheet &...

    ExtJs4主题包(10个)

    在描述中提到的"ExtJs4主题包(10个)"是指针对ExtJS 4版本的10个不同设计风格的主题,这些主题用于改变ExtJS组件的外观和感觉,以满足用户界面的个性化需求。在Web开发中,尤其是面向企业级应用时,一个美观、统一...

    extjs4自定义深蓝色主题

    "extjs4自定义深蓝色主题"是针对ExtJS4框架的一个特定主题设计,旨在为应用程序提供一种专业且深沉的视觉体验。 这个主题继承自ExtJS4的经典(Classic)主题,这意味着它在保持原有组件结构的基础上,对颜色、字体...

    extjs4.1主题皮肤

    在EXTJS 4.1中,主题皮肤是改变应用程序外观的关键元素,允许开发者根据品牌或者个人喜好定制用户界面。 EXTJS的皮肤不仅仅是颜色和字体的改变,它们还涉及到组件的样式、布局和图标等多方面的调整。这些皮肤通常以...

    8种收集的Extjs主题样式包

    不好找啊 extjs theme 的例子 大家有好的记得帮忙转告下我 公司项目用QQ:78964730

    Extjs2.x主题

    主题是ExtJS应用的外观和感觉,定义了控件的颜色、字体、布局样式等。下面我们将深入探讨ExtJS 2.x的主题及其相关知识点。 1. **主题的基本概念**: 主题(Theme)是ExtJS应用程序的视觉风格,它定义了UI元素的...

    ExtJs 主题大全3.x调用实例

    这个资源是用的目前最新的3.X版本的3.4 皮肤资源下载至 http://download.csdn.net/detail/lianwei2008/3009251 但是这个没有调用示例,自己写了个 下了这个就不用在去下载 这个皮肤了

    extjs资料extjs资料extjs资料

    4. **Ext+JS深入浅出**:这可能是一本深入探讨ExtJS的书籍,涵盖了高级主题,如性能优化、自定义组件开发和高级布局管理。通过学习,开发者可以提升自己的技能,应对更复杂的项目需求。 5. **ExtJS实用开发指南**:...

    Extjs 6.2 主题 triton

    官方提供的主题并不是很多,这些是经过提取的主题,界面美观,又大气

    ExtJs 主题大全 + 调用实例JS文件

    这些实例代码可能是精心编写的演示,展示了如何在实际应用中加载和切换主题。开发者可以通过查看和学习这些示例,了解如何在运行时动态改变主题,或者在初始化应用程序时指定特定主题。例如,一个典型的实例可能包括...

Global site tag (gtag.js) - Google Analytics