jeudi 18 septembre 2014

[FIXED] Extjs 5.0.1 - Cannot expand combobox in cell editing grid panel in IE8/IE9 browser

Hi,

I am using the extjs 5.0.1 to test this. I loaded a cell editing grid with combobox editor in IE8 and IE9, When I click on a cell the drop down shows, but when I mouse-click to expand the drop down, the editing mode go away. Same problem with the cell editing grid in Kitchen Sink. Is this a bug?



Code:



Ext.onReady(function () {


Ext.define('KitchenSink.model.State', {
extend: 'Ext.data.Model',


fields: [
'abbr',
'state',
'description',
'country'
]
});


Ext.define('KitchenSink.store.States', {
extend: 'Ext.data.ArrayStore',


alias: 'store.states',


model: 'KitchenSink.model.State',


storeId: 'states',


data: [
[0, 'AL', 'Alabama', 'The Heart of Dixie'],
[1, 'AK', 'Alaska', 'The Land of the Midnight Sun'],
[2, 'AZ', 'Arizona', 'The Grand Canyon State'],
[3, 'AR', 'Arkansas', 'The Natural State'],
[4, 'CA', 'California', 'The Golden State'],
[5, 'CO', 'Colorado', 'The Mountain State']
]
});


var panel = Ext.create("Ext.grid.Panel", {
title: 'states',
width: 680,
height: 350,
store: { type: 'states' },
plugins: [new Ext.grid.plugin.CellEditing({
clicksToEdit: 1
})],
columns: [
{
header: 'State',
dataIndex: 'state',
flex: 1,
editor: {
xtype: 'combobox',
fieldLabel: 'Select a state',
displayField: 'state',
anchor: '-15',
labelWidth: 130,
store: {
type: 'states'
},
queryMode: 'local'
}
}
]
});


Ext.create("Ext.tab.Panel", {
title: "configuration details",
width: 700,
height: 400,
items: [panel],
renderTo: Ext.getBody()
});
});





[FIXED] Extjs 5.0.1 - Cannot expand combobox in cell editing grid panel in IE8/IE9 browser

Aucun commentaire:

Enregistrer un commentaire