Qooxdoo qx.ui.core.scroll.AbstractScrollArea子项在滚动条出现时收缩
我通过扩展qx.ui.core.scroll.AbstractScrollArea创建了一个自定义小部件。下面是代码Qooxdoo qx.ui.core.scroll.AbstractScrollArea子项在滚动条出现时收缩,qooxdoo,Qooxdoo,我通过扩展qx.ui.core.scroll.AbstractScrollArea创建了一个自定义小部件。下面是代码 qx.Class.define("headers.HeadersList", { extend : qx.ui.core.scroll.AbstractScrollArea, include: [ qx.ui.core.MRemoteChildrenHandling ], construct: function() { this.base(arg
qx.Class.define("headers.HeadersList", {
extend : qx.ui.core.scroll.AbstractScrollArea,
include: [
qx.ui.core.MRemoteChildrenHandling
],
construct: function() {
this.base(arguments);
this.__container = this._createItemsContainer();
this.getChildControl("pane").add(this.__container);
},
members: {
__container: null,
_createItemsContainer: function() {
const layout = new qx.ui.layout.VBox(10);
const container = new qx.ui.container.Composite(layout);
container.setPaddingRight(3);
return container;
},
getChildrenContainer: function() {
return this.__container;
}
}
});
内容是动态添加的。问题是当滚动条出现时,内容的宽度会缩小,以便为滚动条腾出空间
我制作了一个小的游乐场示例来说明我的意思http://tinyurl.com/yygunxya
如果按“添加文本字段”按钮4次以上,滚动条将出现,文本框将变窄
滚动条可见或不可见时,文本框的宽度如何保持不变?如果您不希望文本字段调整到所需的可用空间 首先设置所需的宽度,必须禁止收缩:
const textField = new qx.ui.form.TextField(range.toString()).set({
allowShrinkX: false,
width: 300
});