ExtJs切换主题

第一步：制作一个select可以选择那几个主题呢，在里边我们可以选择这几个主题，嗯，其实就是主题对应css的名称。
<select id="themeSelect">

    <option value="default">default</option>

    <option value="aero">aero</option>

    <option value="vista">vista</option>

    <option value="gray">gray</option>

</select>

               

第二步：为这个select添加监听change事件的函数。

Ext.get("themeSelect").on("change", function(e) {

    var v = e.target.value;

    if (v == 'default') {

        Ext.util.CSS.swapStyleSheet("theme", "");

    } else {

        Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-" + e.target.value + ".css");

    }

});