javascript - 输入字段内的按钮 Sencha Touch 2.0

Question

我试图实现的是这样的:
只有在 Sencha Touch 应用程序中。我实现了一个输入字段，旁边有一个按钮，但输入字段内没有按钮。
有没有办法在 Sencha Touch 2 中获得此功能？ (不使用 css 将按钮 float 在输入上方。

Answer 1

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

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

说明:组件是输入框的特殊配置，默认设置为{xtype: "input", type: "text"} ，这是此解决方法的关键。使用 flex config

缩放您的 textfield 与 button 宽度

希望对您有所帮助。 :)