如何在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"); 

我們會解決這個問題的框架，太。