如何在qooxdoo mobile中弹出TextField

Question

我试图在包含标签，文本字段和按钮的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的操场例子）。 什么做错了？谢谢！

Answer 1

看一看这个例子：

http://tinyurl.com/nmw6lgs

这是因为文本字段具有“显示：直列块”默认，和100％的宽度。

请设置这些属性：

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

我们会解决这个问题的框架，太。