如何在qooxdoo mobile中灵活使用文本字段

我正在尝试在qx.ui.mobile.page.NavigationPage上添加一行，其中包含一个标签、一个文本字段和一个按钮。我希望文本字段占据任何额外的水平空间（该行应水平跨越屏幕）。我认为这会奏效：

      var comp = new qx.ui.mobile.container.Composite();
      comp.setLayout(new qx.ui.mobile.layout.HBox(null, 'middle'));

      comp.add(new qx.ui.mobile.basic.Label("Filtering:"));
      var f = new qx.ui.mobile.form.TextField();
      comp.add(f, {flex:1});
      var b = new qx.ui.mobile.form.Button("Update");
      comp.add(b);

      this.getContent().add(comp);

但事实并非如此（参见游乐场示例）。

---

我做错了什么？谢谢

看看这个例子：

这是因为默认情况下textfield有一个“display:inline block”，宽度为100%

请设置以下属性：

qx.bom.element.Style.set(textField.getContentElement(),"display","block");
qx.bom.element.Style.set(textField.getContentElement(),"width","auto");

我们也将在框架中解决这个问题