PDA

View Full Version : IE8 error with simple DataView



mikosiko
24 Mar 2011, 2:02 PM
Hi,

ExtJs 3.x

I'm confused with this, and need some different eyes to help ... I have a simple DataView inside of a Panel and for some reason is giving an error only in IE8 but work flawlessly in Chrome and FF and I can't understand why. The funny thing is that the code run and display the data as is supposed to in ALL browsers including IE8 :-/

in IE8 it finish with this JS error:
"Message: 'undefined' is null or not an object
Line: 1124 Char: 13 Code: 0
URI: http://localhost/SENCHA331/ext-all-debug.js"

this is the code:

// JavaScript Document

oFields = Ext.data.Record.create([
{name: 'Category' , type: 'string'}
,{name: 'CrFullName' , type: 'string'}
,{name: 'CrEmail' , type: 'string'}
,{name: 'CrHomePhone' , type: 'string'}
,{name: 'CrCellularPhone', type: 'string'}
]);

var InfoDataStore = new Ext.data.JsonStore({
url: 'Grid-Feeder.php'
,root: 'rphones'
,totalProperty: 'tphones'
,fields: oFields
,baseParams:{task: "PHONES"}
});

// define a template to use for the detail view

var mytpl = new Ext.XTemplate(
'<tpl for=".">',
'<br/>Name : {CrFullName}<br/>',
'Email : {CrEmail}<br/>',
'Home Phone : {CrHomePhone}<br/>',
'Cell. Phone: {CrCellularPhone}<br/>',
'</tpl>',
'<div class="x-clear"></div>'
);

Ext.onReady(function() {

var myPanel = new Ext.Panel({
id:'test-view'
,frame:true
,width:535
,autoHeight:true
,collapsible:true
,layout:'fit'
,title:'Test DataView'
,items: new Ext.DataView({
store: InfoDataStore
,tpl: mytpl
,autoHeight:true
})
,listeners: {'afterlayout':function() {
InfoDataStore.load();
}}
});

myPanel.render(document.body);

});

I will appreciate any ideas about why this is could be happening

mikosiko
27 Mar 2011, 5:56 PM
Could anybody take a look to this and tell my what I'm doing wrong?.... One workaround that I'm using is replace the DataView for a ListView and work with no errors in all browsers (FF,Chrome, Opera and IE8) but I want to understand why the original code cause the afore mentioned error in IE8 (even when display the data ok).