javascript - Qooxdoo : styling individual widgets

Question

将一些自定义样式应用到不符合主题默认样式的单个小部件元素的最方便的方法是什么。我仍然对装饰器的用法感到困惑。如何应用多个装饰器，例如。用于小部件元素的边框属性和背景。

我尝试过使用自定义装饰器，例如。 :

        var titleBar = new qx.ui.container.Composite();
        titleBar.set({
            decorator : qx.ui.decoration.MBackgroundImage,
                        style : {
                backgroundImage : '/images/tbar.png'
                        }
        });

但是我收到一个错误:

方法 setDecorator 中 qx.ui.container.Composite 类的属性装饰器错误，传入值'[Mixin qx.ui.decoration.MBackgroundImage]':无效!

Answer 1

您必须实例化一个合适的装饰器，而不是装饰器混入之一。例如。在你的情况下，这样的事情应该有效:

    var titleBar = new qx.ui.container.Composite();
    var myBackground = new qx.ui.decoration.Background();
    myBackground.setBackgroundImage("/images/tbar.png");
    titleBar.set({
        decorator : myBackground
    });