PDA

View Full Version : ExtJS JSONStore is not loading data in IE11



Viji2807
26 Jan 2016, 11:13 PM
Hi All,

I am using ExtJS 3.0.3
After the recent upgrade to IE11, one ExtJS JSONStore in my application is not loading data. It does not show any error in the console. The JSONStore is used inside ExtJS Grid Panel. The Panel shows the buttons, table headers inside it, but fails to load data to JSONStore. I debugged and found that the JSON response is returned from server successfully, so the data is available.
In fact, the same kind of JSONStore is used in other places in the same application, and they work fine. Note that this issue is only in IE11. I don't have any issue with Firefox and Chrome.
Does anyone know of any known bug in IE11 or anything that I can do specially so that the JSONStore data is shown in the Grid? Please let me know if you need any more information or analysis.

Thanks in Advance,
Vijaya

jdkhamba
27 Jan 2016, 6:39 AM
Can you post some code or a fiddle with some small amount of mock data demonstrating the issue?

Gary Schlosberg
27 Jan 2016, 7:27 AM
So this issue is with Ext JS 3.4 (rather than 4.x)? Support for IE11 began with Ext JS 3.4.2 and 4.2.2.

Viji2807
28 Jan 2016, 3:46 AM
Hi,

I am using ExtJs 3.0.3, is it issue with version then.?

If so similar code is working in other tabs.Data is rendered from action to JSP, but its not mapping data to JsonStore

Here is the code.

varpanel=newExt.grid.GridPanel({
id: 'problemEventsGrid',
title: 'Sequence of Events',
tbar: [
newExt.Button({
text: 'Retrieve',
tooltip: 'Retrieves events from IMRs, use this to update the current list.',
disabled: (ROLE_EDIT_PROBLEM==false),
handler: onClickRetrieveProblemEvent
}),
newExt.Button({
text: 'Add',
disabled: (permission.ROLE_EDIT_PROBLEM==false),
handler: onClickAddProblemEvent
}),
newExt.Button({
text: 'Edit',
disabled: (permission.ROLE_EDIT_PROBLEM==false),
handler: onClickEditProblemEvent
}),
newExt.Button({
id: 'invalidateButton',
text: 'Invalidate',
disabled: (permission.ROLE_EDIT_PROBLEM==false),
handler: onClickInvalidateProblemEvent
}),
newExt.Button({
id: 'validateButton',
text: 'Validate',
hidden: true,
disabled: (permission.ROLE_EDIT_PROBLEM==false),
handler: onClickValidateProblemEvent
}),
newExt.Toolbar.Fill(),
newExt.Button({
id: 'showInvalidListButton',
text: 'Show Invalidated',
disabled: (permission.ROLE_EDIT_PROBLEM==false),
handler: onClickShowInvalidatedProblemEvents
}),
newExt.Button({
id: 'showValidListButton',
text: 'Show Validated',
hidden: true,
disabled: (permission.ROLE_EDIT_PROBLEM==false),
handler: onClickShowValidatedProblemEvents
})
],
listeners: {
rowdblclick: onRowdblclickProblemEvent
},
//selModel: newExt.grid.RowSelectionModel(),
selModel: checkboxSelMode,
autoExpandColumn: 'descriptionColumn',
autoExpandMin: 150,
columns: [
checkboxSelMode,
{
header: 'IR',
dataIndex: 'irId',
renderer: aproachLinkRenderer,
width: 70
},
{
header: 'Start Date',
dataIndex: 'date',
renderer: Ext.util.Format.dateRenderer('d-m-Y'),
width: 70
},
{
header: 'Start Time',
dataIndex: 'date',
renderer: Ext.util.Format.dateRenderer('H:i'),
width: 70
},
{
header: 'End Date',
dataIndex: 'eDate',
renderer: Ext.util.Format.dateRenderer('d-m-Y'),
width: 70
},
{
header: 'End Time',
dataIndex: 'eDate',
renderer: Ext.util.Format.dateRenderer('H:i'),
width: 70
},
{
header: 'Category',
dataIndex: 'category',
width: 150
},
{
header: 'Sub Category',
dataIndex: 'subCategory',
width: 150
},
{
header: 'Description',
dataIndex: 'description',
width: 150,
id: 'descriptionColumn'
},
{
header: 'Group',
dataIndex: 'group',
width: 150
},
{
header: 'User',
dataIndex: 'user',
width: 150
},
{
header: 'EMDB Code',
dataIndex: 'emdbCode',
width: 150
},
{
header: 'Customer',
dataIndex: 'customerName',
width: 150
},
{
header: 'Configuration Item',
dataIndex: 'technicalService',
width: 150
},
{
header: 'Activity',
dataIndex: 'activity',
width: 150
},
{
header: 'Outcome',
dataIndex: 'outcome',
width: 150
}//,
//{
//header: 'Valid',
//dataIndex: 'valid'//
}
],
store: newExt.data.JsonStore({
url: CONTEXT_PATH+'/data/problem/events.html',
baseParams: {
'id': 123,
'valid': true
},
autoLoad: true,
root: 'data',
idProperty: 'id',
fields: [
{
name: 'id',
type: 'int'
},
{
name: 'irId',
type: 'int'
},
{
name: 'date',
type: 'date',
dateFormat: 'd-m-Y H:i'
},
{
name: 'eDate',
type: 'date',
dateFormat: 'd-m-Y H:i'
},
{
name: 'category',
type: 'string'
},
{
name: 'subCategory',
type: 'string'
},
{
name: 'type',
type: 'string'
},
{
name: 'description',
type: 'string'
},
{
name: 'group',
type: 'string'
},
{
name: 'user',
type: 'string'
},
{
name: 'emdbCode',
type: 'string'
},
{
name: 'customerName',
type: 'string'
},
{
name: 'technicalService',
type: 'string'
},
{
name: 'activity',
type: 'string'
},
{
name: 'outcome',
type: 'string'
}
]
})
});returnpanel;
};