Как сгибать TextField в qooxdoo mobile

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"); 

Мы исправим это в рамках, тоже.