Hi!
I have a custom cell editor for a grid, say the htmleditor. (It's not but has the same issue).
When clicking outside the grid while editing a cell, the cell editor is not closed.
I tried to use the blur event but w/o success (too many components in htmleditor can have the focus, I guess).
Any idea how to trigger the completeEdit event?
See code at http://jsfiddle.net/rC6Q7/
Thanks for any hint
andre
Code:
Ext.onReady(function() {
Ext.create('Ext.data.Store', {
storeId: 'simpsonsStore',
fields: ['name'],
data: {
'items': [{
"name": "Lisa"
}, {
"name": "Bart"
}, {
"name": "Homer"
}, {
"name": "Marge"
}]
},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});
Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: [{
header: 'Name',
dataIndex: 'name',
flex: 1,
editor: 'htmleditor'
}],
selType: 'cellmodel',
plugins: [
Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1
})],
height: 200,
width: 400,
renderTo: Ext.getBody()
});
});