输入字段内的按钮 Sencha Touch 2.0答案

【问题标题】：Button inside of an input field Sencha Touch 2.0输入字段内的按钮 Sencha Touch 2.0
【发布时间】：2026-01-03 20:05:01
【问题描述】：

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

【问题讨论】：

标签： javascript sencha-touch-2

【解决方案1】：

你可以做到，让我们试试吧：

{
    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 与button 的宽度

希望对您有所帮助。 :)

【讨论】：

第一个内部项目的 xtype 不应该是“input”而不是“textfield”吗？