javascript - Checkbox is not rendered properly -
i've been trying create base window class dialogs. creating controls decided override _createchildcontrolimpl method , use getchildcontrol method. , looks fine except checkbox. don't know why, checkbox not rendered if use getchildcontrol method.
this code reproduce problem
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();
link playground http://goo.gl/lna8qc
this due missing theming. if using child controls, have define theming information them. checkbox new appearance selector (window/active) needs forwarded checkbox appearance. see following sample:
Comments
Post a Comment