输入字段Sencha Touch 2.0内的按钮

Ric*_*ing 4 javascript sencha-touch-2

我试图实现的是类似的东西: 在此输入图像描述
只有在Sencha Touch应用程序中才有.我已经实现了一个输入字段,旁边有一个按钮,但没有输入字段内的按钮.
有没有办法在Sencha Touch 2中获得此功能?(不使用css浮动输入上方的按钮.

Thi*_*yen 9

你可以实现这一点,让我们试试:

{
    xtype: 'textfield',
    component: {
      xtype: 'container', 
      layout: 'hbox', 
      items: [
      {
        xtype: 'textfield', 
        flex: 3,
      }, 
      {
        xtype: 'button', 
        flex: 1, 
        text: 'test'
      }
      ]},
},
Run Code Online (Sandbox Code Playgroud)

说明:component是输入字段的特殊配置,默认情况下,它设置为{xtype: "input", type: "text"},这是此解决方法的关键.使用config 缩放您的textfieldvs button宽度flex

希望能帮助到你.:)