输入字段Sencha Touch 2.0内的按钮

Question

我试图实现的是类似的东西：
只有在Sencha Touch应用程序中才有。 我已经实现了一个输入字段，旁边有一个按钮，但没有输入字段内的按钮 有没有办法在Sencha Touch 2中获得此功能？ （不使用css将按钮浮动在输入上方。

Answer 1

你可以做到这一点，让我们试试：

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

解释：component是输入字段的特殊配置，默认情况下，它设置为{xtype: "input", type: "text"}，这是此解决方法的关键。使用textfield config

缩放button vs flex宽度

希望它有所帮助。 ：）