View Full Version : IE8 error with simple DataView

24 Mar 2011, 2:02 PM

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/>',
'<div class="x-clear"></div>'

Ext.onReady(function() {

var myPanel = new Ext.Panel({
,title:'Test DataView'
,items: new Ext.DataView({
store: InfoDataStore
,tpl: mytpl
,listeners: {'afterlayout':function() {



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

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).