Keyboard word "return" not "search" for IOS xtype: searchfield component.

[sei025]

Dear:

We use st2.0 for our project and encounter one problem for it. When we use the "xtype: searchfield" as a seach field in UI for users to input the string for searching. In Andriod , the keyboard dumped will set the button named "search". However, In IOS6, the keyboard dumped will use the button named "return" not "search" same as Andriod. Please tell me how to change the button name to "search" instead of "return" in IOS platform. I want to set "search" button on keyborad in the searchfield for these platforms.Thank u for your assistant.

1.png

[mitchellsimoens]

The searchfield must be within a form. If not then iOS will not have Search there. It's due to the <form> tag needing to be there.

[sei025]

{
                  id: 'frontpage_fpsearchfield',
                     xtype: 'searchfield',
                     placeHolder: 'Please input the project name',
                     width: '95%',
                     height: 35
                 }

[vikasraidhan]

This limitation is weird one but I'm sure there's a strong reason Sencha devs decided to design it that way. I just need to search via Ajax outside form and since I cannot have 2 forms (and I don't want to have). Is there any workaround, a function I can override for my specific use case.

[Greg Arnott]

Have you considered trying something like this:

this.on{(
    focus: function() {
        field.wrap({
            tag: 'form'
        });
    },
    blur : function() {
        field.unwrap();
    },
    scope: this,
    order: 'before'
});