ExtJS动态切换主题

ExtJS动态切换主题

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

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

ExtJS动态切换主题

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

ExtJS动态切换主题

在index.html中添加以下代码

ExtJS动态切换主题

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

ExtJS动态切换主题

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

ExtJS动态切换主题

ExtJS动态切换主题

ExtJS动态切换主题

Q群:851794664

                                                                                                          

上一篇:前端自动化测试工具doh学习总结(二)


下一篇:win7 64位Apache http server+PHP配置