Add Phone Number Input Text Field in Sencha Touch 2

 In Sencha Touch 2, Adding Text Field to the Form will be done by using Ext.field.Text. In my project, i suppose to add a Phone number field with input type as telephone number. I found the following code which will display telephone keyboard when you focus on the text field component.

Ext.define('MyApp.view.MyFormPanel', {

    extend: 'Ext.form.Panel',
    alias: 'widget.myformpanel',

    config: {
        items: [
            {
                xtype: 'textfield',
                component: {
                    xtype: 'input',
                    type: 'tel'
                },
                label: 'Phone Number',
                labelWidth: '45%'
            }
        ]
    }
});

Hope, you enjoyed this Post.