extjs皮肤

ExtJS动态切换主题

在Sencha Cmd构建的Ext程序中怎么去动态切换主题,目前看好像只能单一切换,但是在官网文档找到了答案 Resource Management在上一节通过Sencha Themer工具定制了三套主题,接下来配置如何动态切换这三套主题(当然自带的主题也可以)。

首先把这三套自定义主题放在当前程序ext\classic目录中去


Sencha Themer

1、介绍

在Ext JS中创建自定义主题一直是一项挑战。但是使用Sencha Themer,我们已经删除了所有的猜测工作,并添加了一个简单的图形界面来定制应用程序的任何方面。

如下所示,入门非常简单。只需命名主题,指向您的应用,工作区或空目录,然后选择您要用作基础的主题。您甚至可以选择自己的自定义主题作为扩展的起点。

2、准备工作

确保您拥有Sencha Themer的安装文件。这些文件应位于Sencha Premium下载文件夹中。您还需要方便地使用激活码。这可以在您的初始购买电子邮件中找到。您还可以从支持门户获取代码。

注意:您可以在此处下载Sencha Themer的全功能30天试用版。

Sencha Themer需要Sencha Cmd 6.5.1或更高版本。Sencha Cmd可以在这里下载

如果您已在计算机上安装了Cmd,则还可以通过从CLI发出以下命令来升级Cmd:

ext2.0 主体皮肤 (xtheme-gray-extend)

安装方法:
把你所下载的ZIP文件解压后复制并替换resources文件夹下的内容。这样就加入了一种皮肤。如果需要在项目中用到这种皮肤。
引用方式为:

Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-gray-extend.css");

或者
[code]

ext2.0 主体皮肤 (xtheme-silverCherry)

安装方法:
把你所下载的ZIP文件解压后复制并替换resources文件夹下的内容。这样就加入了一种皮肤。如果需要在项目中用到这种皮肤。
引用方式为:

Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-silverCherry.css");

或者
[code]

ext2.0 主体皮肤 (xtheme-slickness2)

安装方法:
把你所下载的ZIP文件解压后复制并替换resources文件夹下的内容。这样就加入了一种皮肤。如果需要在项目中用到这种皮肤。
引用方式为:

Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-slickness2.css");

或者
[code]

聚合内容