Xtype 文本字段上的 Sencha 触摸键盘下一个按钮

Posted 2023-02-25

【中文标题】Xtype 文本字段上的 Sencha 触摸键盘下一个按钮

【英文标题】：Sencha touch keyboard next button on xtype textfield

【发布时间】：2014-08-21 07:49:39

【问题描述】：

下面是我的一个简单注册表的煎茶码：

xtype: 'fieldset',
items: [
    
        name: 'name',
        id: 'rename',
        xtype: 'textfield',
        placeHolder: 'Name*',
        tabIndex: 1
    ,
    
        name: 'emailfield',
        id: 'reemailid',
        xtype: 'emailfield',
        placeHolder: '[e-mail]*',
        tabIndex: 2
    ,
    
        name: 'password',
        id: 'repassword',
        xtype: 'passwordfield',
        placeHolder: 'Password*',
        tabIndex: 3
    ,
    
        name: 'confpassword',
        id: 'reconfpassword',
        xtype: 'passwordfield',
        placeHolder: 'Confirm Password*',
        tabIndex: 4
    ,
    
        name: 'address',
        id: 'readdress',
        xtype: 'textareafield',
        placeHolder: 'Address*',
        tabIndex: 5
    ,
    
        name: 'dob',
        id: 'redob',
        placeHolder: 'Date Of Birth',
        xtype: 'datepickerfield',
        destroyPickerOnHide: true,
        picker: 
            yearFrom: 1960
        ,
        tabIndex: 6
    
]

当我在安卓键盘上填写表格时，在安卓键盘的右下角有一个“开始”按钮，它可以帮助我们提交表单。但我想要一个“下一步”按钮，它将带我进入下一个字段，我的意思是，如果我填写名称并按下 android 键盘上的“下一步”按钮，那么它应该带我发送电子邮件。

【问题讨论】：

正在为安卓制作这个应用程序吗？

【参考方案1】：

只要按下“Return”或“Go”键，textfield 就会触发action 事件。您应该利用它在下一个字段上调用 ​​focus 方法。

这样的东西可以在 Android 上运行，但没有在 ios 上测试过

Ext.define('Fiddle.view.Main', 

    extend: 'Ext.Container',

    config: 
        fullscreen: true,
        stylehtmlContent: true,
        items: [
            
                xtype: 'textfield',
                label: 'First field',
                listeners: 
                    action: function() 
                        Ext.getCmp('field_2').focus();
                    
                
            ,
            
                id: 'field_2',
                xtype: 'textfield',
                label: 'Second field'
            
        ]
    

);

工作示例：https://fiddle.sencha.com/?fiddle=b3o#fiddle/b3o

[编辑]

以前的解决方案仍然有效，但我发现了这个链接的问题：

How to change the Android softkey keyboard "Go" button to "Next".

这是在原生 Android 项目上完成的，并修改了“Go”按钮应用程序的行为。看看吧。