PDA

View Full Version : Grid not working on IE for 4.2.0 with AssociationRowExpander



frankpeng
4 Oct 2013, 1:34 PM
I had some testing code to implement a nested grid (or Grid-in-grid), with using Ext.ux.grid.plugin.AssociationRowExpander, along with
Ext.grid.plugin.CellEditing.

It worked on my local machine (Win 7) for all 3 major browsers. However, after I moved the code to the server (Windows server 2003), it only shows an empty grid on IE (I tried IE-7 and IE-9), though it worked fine on Chrome and Firefox.

I had all my testing code under ext-4.2.0 directory. Presumably, by copying the entire ext-4.2.0 directoy to the server, everything is included.

Did anyone report similar issue?

Gary Schlosberg
4 Oct 2013, 3:17 PM
I couldn't find any simlar reports. Are you using IIS for the web server? What does your store look like?

frankpeng
7 Oct 2013, 9:42 AM
I investigated on the store and found no data with my grid on IE. But, it had property number of rows of data for Chrome.

If I removed hasMany section of the first model (AppCode), the grid would display the data on IE, though the required relationship was broken.


Here is the code snippet:




Ext.define('AppCode', {
extend : 'Ext.data.Model',
idProperty : 'appCodeObjid',
fields : [
'appCode',
'description',
'funcCode',
'viewHistory'
],
hasMany : {
model : 'Skill',
name : 'relatedSkills',
foreignKey: 'appCodeObjid'
}

});


Ext.define('Skill', {
extend : 'Ext.data.Model',
fields : [
{ name : 'selected', type : 'bool'},
{ name : 'otherSkill', type : 'bool'},
'skill',
'appCodeObjid'
],


belongsTo : {
model : 'AppCode',
name : 'appCode',
foreignKey : 'appCodeObjid'

},


hasOne : {
model : 'AppCode',
name : 'appCode',
foreignKey : 'appCodeObjid',
getterName : 'AppCode'
}
});


var store1 = Ext.create('Ext.data.Store', {
model: 'AppCode',
autoLoad: true,
proxy: {
type: 'ajax',
url : 'http://myserver/ExtJs/ext-4.2.0/examples/grid/data/AppCodeData.json',
reader: {
type: 'json',
root: 'data'
}
}
});


var grid1 = new Ext.grid.Panel({
store : store1,




Here is the sample data under http://myserver/ExtJs/ext-4.2.0/examples/grid/data/AppCodeData.json

{ "data": [ { "appCodeObjid": 1, "appCode": "BU", "description": "Backup", "funcCode": 'Func Code (http://www.yahoo.com/)', "viewHistory": 'View History (http://dstdevwebdev1he.ds.ad.adp.com/AutoToolsX/AuditHistory/AuditHistory.aspx?ObjectObjid=4734797&ObjectName=x_app&ItemType=App%20Code%20Record&ItemName=4734797)' , "relatedSkills ...

frankpeng
7 Oct 2013, 9:43 AM
Yes, it is on IIS.

Gary Schlosberg
12 Feb 2014, 10:21 AM
Looks like the last update to AssociationRowExpander was for 4.1.3. I found this thread in which at least one other user is having trouble as well (near bottom) and discusses his solution. While I don't recommend editing framework files, perhaps it will help you.