复选框未正确呈现

时间:2013-07-23 21:58:06

标签: javascript qooxdoo

我一直在尝试为对话框创建一个基本窗口类。为了创建控件,我决定覆盖_createChildControlImpl方法并使用getChildControl方法。除了复选框,一切看起来都很好我不知道为什么,但如果使用getChildControl方法,则复选框无法正确呈现。

此代码重现了我的问题

qx.Class.define("MyWin",{
    extend: qx.ui.window.Window,

    construct: function(t){
        this.base(arguments, t);
        this.setLayout(new qx.ui.layout.Canvas());

        var row = new qx.ui.container.Composite(new qx.ui.layout.HBox(5));
        row.add(new qx.ui.basic.Label("Active:"));
        row.add(this.getChildControl("active"));
        row.add(new qx.ui.form.CheckBox("status B"));

        var _mainContainer = new qx.ui.container.Composite(new qx.ui.layout.VBox(5));
        _mainContainer.add(row);

       this.add(_mainContainer, {width: "100%", bottom: 50, top:0});

   },


   members: {

    _createChildControlImpl : function(id, hash){
        var control;

        switch(id){
            case "active":
                control=new qx.ui.form.CheckBox("status A");
                break;
        }
        return control || this.base(arguments, id);
    }
  }

});

var win = new MyWin("Test");
this.getRoot().add(win, {left:20, top:20});
win.open();

游乐场http://goo.gl/Lna8qc的链接

1 个答案:

答案 0 :(得分:2)

这是由于缺少主题。如果您使用子控件,则必须为它们定义主题信息。该复选框将获得一个新的外观选择器(窗口/活动),需要转发到复选框外观。请参阅以下示例:

http://tinyurl.com/lj7zqwl