sencha-touch - 在 Sencha Touch 中的所有组件中设置默认 UI

Question

在 Sencha Touch 中，是否可以定义适用于所有组件的默认 UI，例如“浅色”或“深色”(除非明确覆盖)？

目的是避免必须为每个元素声明 ui: "dark" 或任何自定义 UI。

干杯!

Answer 1

你可以试试这个:

Ext.apply(Ext.Component.prototype, {
    getUi: function() {
        var defaultUi = 'light';
        // value of [this.config.ui] is ignored here
        // we can use something like forcedUi
        return (this.forcedUi) ? this.forcedUi : defaultUi;
    }
})

这段代码的缺点是我们需要指定另一个变量来应用与“light”不同的ui(因为通过 getUi() 的变量“ui”将始终返回“light”):

...
items: [{
    xtype: 'button',
    forcedUi: 'dark'
}]
...