The next Sencha touch keyboard button in the xtype text box

Below is my Sencha code of a simple registration form:

xtype: 'fieldset',
items: [
    {
        name: 'name',
        id: 'rename',
        xtype: 'textfield',
        placeHolder: 'Name*',
        tabIndex: 1
    },
    {
        name: 'emailfield',
        id: 'reemailid',
        xtype: 'emailfield',
        placeHolder: 'email@example.com*',
        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
    }
]

When I fill out the form on the Android keyboard, there is a “Go” button in the lower right corner of the Android keyboard that helps us submit the form. But I want the Next button, which will lead me to the next field, I mean, if I filled in the name and clicked the Next button on the Android keyboard, then it should have sent me to the email address.

+4
source share
1 answer

action textfield "" "". , 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

[EDIT]

, :

Android "" "" .

Android "". .

0

All Articles