SearchField in form panel is not treated like a html searchfield on iPhone or Android

[willem.goossens]

Hello, can someone please help me? I have defined a search field in a form panel, but when I test my app by tapping on the search field on my iPhone or Android a keyboard shows up, but without any search key. What must I do to let show a search key instead of an enter key on the keyboard of the smartphone in case of using search field?

Ext.define('Test.controller.Main', {
    extend : 'Ext.app.Controller',


    init : function() {
        this.control({
            'searchfield' : {
                action : 'onSearch'
            }
        });
    },
    onSearch : function(field) {
        console.debug('onSearch');
    }
});


Ext.application({
    name : 'Test',
    controllers : ['Main'],
    launch : function() {
        new Ext.form.Panel({
            fullscreen : true,
            items : [{
                docked : 'top',
                flex : 10,
                xtype : 'searchfield',
                name : 'search',
                label : 'search'
            }]
        });
    }
});

[mitchellsimoens]

What version are you using as this shows the Search button in the keyboard:

new Ext.form.Panel({
    fullscreen : true,
    items      : [
        {
            xtype : 'searchfield'
        }
    ]
});

[willem.goossens]

I am not sure but I think sencha-touch-2-b1, is that the wrong one?

[willem.goossens]

Upgrade to sencha-touch-2- rc solved the problem.