Question

I’m looking for the event that fires when you tap on a select but I can’t find it.
I’m also looking for a way to hide the keyboard.

It doing this because I have a TextField and a Select in a Panel and I want to hide the keyboard if the user write something in the TextField and then uses the Select.

Could somebody help me find a solution for that problem ?

Thank you

Answer 1

Ok, I finally managed to do what I wanted to do like so:

Hiding the keyboard

function hideKeyboard() {
     var activeElement = document.activeElement;
     activeElement.setAttribute('readonly', 'readonly'); 
     activeElement.setAttribute('disabled', 'true');
     Ext.defer(function() {
         activeElement.blur();
         activeElement.removeAttribute('readonly');
         activeElement.removeAttribute('disabled');
     }, 100);
}

Detect when the picker shows (is the same as when the select field is taped)

Ext.Picker.override({
    show: function() {
        if (Ext.is.Phone) { 
            hideKeyboard();
        }
        Ext.Sheet.superclass.show.apply(this, arguments);
    }
});

Here you go