PDA

View Full Version : Hiding virtual keyboard issue on Galaxy Tab & Ipad



Sameer Khan
25 Dec 2011, 9:50 PM
Hi, When one of my xtype:'textfield' receives input focus in my FormPanel , i want to hide virtual keyboard..
Is it possible to hide virtual keyboard when textfield receives input foucs...?

Pl z let me know the solution...needed urgent guys...

Thanks in advance..

mitchellsimoens
26 Dec 2011, 6:29 AM
No, the OS won't give you that much control. Only way is to blur the field and good luck with that on a mobile browser.

Sameer Khan
27 Dec 2011, 12:27 AM
Hi, Plz help me , how to apply blur on text field to hide virtual keyboard
This is my code...

{
xtype: 'textfield',
label: 'Date',
labelWidth: '50%',
name: 'm0102_referredDate',
flex:4,
listeners:{focus: this.onDateSelect}
},

onDateSelect: function(form){
var datepickerpanel= new Ext.ux.DatePicker({
floating: (Ext.is.Phone) ? true : true,
width: (Ext.is.Phone) ? undefined:300,
height: (Ext.is.Phone) ? undefined:380,
fullscreen: (Ext.is.Phone) ? true : false,
centered: (Ext.is.Phone) ? true : true,
modal: (Ext.is.Phone) ? true : true,
minDate: (new Date()).add(Date.DAY, -40),
maxDate: (new Date()).add(Date.DAY, 55),
form : null
});
var myToolbar = new Ext.Toolbar({
dock : 'top',
centered:true,
items: [{
xtype: 'spacer'
},{
text: 'Cancel',
handler: function(){ datepickerpanel.hide();}
},{
text: 'Done',
handler: function(){form.setValue(datepickerpanel.getValue().format('n/j/Y'));
datepickerpanel.hide();}
},
{
text: 'Clear',
handler: function(){form.setValue("");
datepickerpanel.hide();}
},{
xtype: 'spacer'
}]
});


datepickerpanel.addDocked(myToolbar);
datepickerpanel.show();
},

In this code i am using customized datepicker, not the default sencha touch datepickerfield...so when focus goes to text field i am getting virtual keyboard as well as custom datepicker panel..so here here i should hide virtual keyboard...

Plz have a look at my code and give me some example code on it....

Thanks