如何在 qooxdoo mobile 中调整 TextField答案

【问题标题】：How to flex TextField in qooxdoo mobile如何在 qooxdoo mobile 中调整 TextField
【发布时间】：2013-11-27 17:48:51
【问题描述】：

我正在尝试在 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);

但事实并非如此（参见http://tinyurl.com/nwlhtwq 的游乐场示例）。做错了什么？谢谢！

【问题讨论】：

标签： mobile qooxdoo

【解决方案1】：

看看这个例子：

http://tinyurl.com/nmw6lgs

这是因为文本字段默认有一个“display:inline-block”，宽度为100%。

请设置这些属性：

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

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

【讨论】：