输入字段内的按钮 Sencha Touch 2.0

Posted 2023-02-25

【中文标题】输入字段内的按钮 Sencha Touch 2.0

【英文标题】：Button inside of an input field Sencha Touch 2.0

【发布时间】：2012-04-12 07:09:41

【问题描述】：

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

【参考方案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”吗？