2012-04-12 67 views
4

我试图实现的是类似的东西: enter image description here
只有在Sencha Touch应用程序中。 我已经实现了一个输入字段,其旁边有一个按钮,但没有输入字段内的按钮。
有没有在Sencha Touch 2中获得此功能的方法? (不使用CSS浮在输入上面的按钮输入栏内的按钮Sencha Touch 2.0

回答

9

你可以做到这一点,让我们尝试:

{ 
    xtype: 'textfield', 
    component: { 
     xtype: 'container', 
     layout: 'hbox', 
     items: [ 
     { 
     xtype: 'textfield', 
     flex: 3, 
     }, 
     { 
     xtype: 'button', 
     flex: 1, 
     text: 'test' 
     } 
     ]}, 
}, 

说明component是输入字段,并默认一个特殊的配置,它的设置为{xtype: "input", type: "text"},这是这个变通的关键。与flex配置扩展您textfield VS button宽度

希望它能帮助。:)

+1

非常感谢你的魅力! – 2012-04-12 13:40:39

+0

不应该第一个内部项目的xtype是“输入”而不是“textfield”? – 2012-06-29 17:45:40

+0

它不适用于'xtype:'passwordfield'' – 2013-09-09 14:26:39