ExtJS动态切换主题

ExtJS动态切换主题

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

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

 ExtJS动态切换主题_第1张图片

 

在app.json中,配置builds对象,然后在output中配置resources和manifest。

 ExtJS动态切换主题_第2张图片

在index.html中添加以下代码

 ExtJS动态切换主题_第3张图片

输入sencha app build production我们发现生产文件夹中,多出来以下几项,不再是App.json                

 ExtJS动态切换主题_第4张图片

接着在cmd中输入sencha app watch启动程序后 在浏览器输入 ?theme=来改变主题

 ExtJS动态切换主题_第5张图片

ExtJS动态切换主题_第6张图片

ExtJS动态切换主题_第7张图片

 

 

 Q群:851794664

                                                                                                          

转载于:https://www.cnblogs.com/jin1095167657/p/9490116.html

你可能感兴趣的:(ExtJS动态切换主题)