IE7 does not fill the Grid (uses JSON)

[Skeleton]

I am trying to make a paging grid that uses JSON data model. It works very well on FF but not in IE7 (I have not tried on IE6 btw). I have extracted that part from the site, it is:

http://www.in-spiretech.com/pub/yui/test/comments.php

When you try to view that page in FF, it loads fine. But in IE7, it does not fill the grid with the data and the refresh button keeps rolling. As far as I can see from the Fiddler tool, the data via JSON is requested and returned successfully. Also I have tried to set debugger and debug using Visual Studio 2005, I have finally came to the following code in connection.js file (YUI 0.12.2) and keep looping there:

/* .... */

    handleReadyState:function(o, callback)
    {
		var oConn = this;

		if(callback && callback.timeout){
			this._timeOut[o.tId] = window.setTimeout(function(){ oConn.abort(o, callback, true); }, callback.timeout);
		}

		this._poll[o.tId] = window.setInterval(
			function(){
				if(o.conn && o.conn.readyState == 4){
					window.clearInterval(oConn._poll[o.tId]);
					delete oConn._poll[o.tId];

					if(callback && callback.timeout){
						delete oConn._timeOut[o.tId];
					}

					oConn.handleTransactionResponse(o, callback);
				}
			}
		,this._polling_interval);
    },

/* .... */

The loop executes the line if(o.conn && o.conn.readyState == 4) and keeps looping without entering the if statement. At that time the value of o.conn.readyState == 1.

Is this a bug related to IE7 or am I missing something? Btw I have checked my code for any extra , left accidently at the end of object/array definitions Thanks for your help in advance.

[Animal]

The ready state is never reaching 4?

That's strange if Fiddler sees the response packet coming back correctly. The HTTP status is 200 is it?

Have you tried running with connect-debug.js instead of connect.js?

This logs exceptions detected in Connect methods rather than just swallowing them.

[Skeleton]

Finally I have figured out what the problem is (after putting dozens of debugger statements everywhere). It was the one of my renderer functions:

function rndComment(value, rowIndex, colIndex, td, dataModel) {
	td.firstChild.style.setProperty('padding', '0', null);  /* THIS LINE */
	return "<pre>" + value + "<\/pre>";
}

The first statement on the function was messing around in IE7. The strange thing is that FF does not say anything about this. The lesson I have got from this situation is that if you have an errornous statement in your renderer function, IE does not like that. Anyway thanks Animal for your attention.

[tryanDLS]

That may be b/c IE and FF dom implementation of td.firstchild.style is different. If you set a BP in that fn does td.firstchild.style even exist in IE? Does td.firstchild even point to the same object in IE and FF?

[jack.slocum]

IE's style object doesn't support setProperty.

[TTrek]

hm, well.. i currently stuck at

line 567 (ext-all-debug.js)
var range = el.ownerDocument.createRange();

I try to open LayoutDialog which has a Grid, but IE7 tells me an error. Debugging resulted the line 567... in ext-all-debug.js

[TTrek]

in Alpha 2 it's line 249:
var range = el.ownerDocument.createRange();

does anyone have suggestions regarding this problem?

[Animal]

Stop there in your debugging tool, and see what "el" contains!