javascript - 输入字段内的按钮 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"}，这是此解决方法的关键。使用配置缩放你的textfieldvsbutton宽度flex

希望能帮助到你。:)