-
6 Dec 2012 1:55 AM #1
Combobox's bluring inside grid when <Tab> is pressed
Combobox's bluring inside grid when <Tab> is pressed
Hello,
looks like I have found a bug with ComboBox inside grid with cellEditing plugin. It's not firing 'blur' event in case of pressing <Tab> key. For textfield's blur is fired.
Code:Ext.create('Ext.data.Store', { storeId:'simpsonsStore', fields:['name', 'email'], data:{'items':[ {"name":"Lisa", "email":"lisa@simpsons.com"}, {"name":"Bart", "email":"bart@simpsons.com"}, {"name":"Homer", "email":"home@simpsons.com"}, {"name":"Marge", "email":"marge@simpsons.com"} ]}, proxy: { type: 'memory', reader: { type: 'json', root: 'items' } } }); Ext.create('Ext.grid.Panel', { title: 'Simpsons', store: Ext.data.StoreManager.lookup('simpsonsStore'), columns: [ {header: 'Email', dataIndex: 'email', flex:1, editor: { xtype: 'textfield', allowBlank: false, listeners: { 'blur' : function(){ console.log('There was blur'); //fired when looses focus using <Tab> } } } }, {header: 'Email', dataIndex: 'email', flex:1, editor: { xtype: 'combobox', store: Ext.data.StoreManager.lookup('simpsonsStore'), queryMode: 'local', valueField: 'email', displayField: 'email', allowBlank: false, listeners: { 'blur' : function(){ console.log('There was blur'); //not fired when looses focus using <Tab> } } } } ], selType: 'cellmodel', plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 }) ], height: 200, width: 400, renderTo: Ext.getBody() });
-
6 Dec 2012 8:14 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 34,117
- Vote Rating
- 453
Thanks for the report! I have opened a bug in our bug tracker.
You found a bug! We've classified it as
EXTJSIV-7934
.
We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.


Reply With Quote