PDA

View Full Version : GridView.render() IE unknown runtime error



bbg595ca
24 Nov 2010, 8:21 AM
Getting a Unknown Runtime Error under IE 8 in GridView.render (line 47450 in ext-all-debug.js).

this.grid.getGridEl().dom.innerHTML = this.renderUI();

this.renderUI() is emitting the following: (line breaks added for readability)




<div class="x-grid3" hidefocus="true">
<div class="x-grid3-viewport">
<div class="x-grid3-header">
<div class="x-grid3-header-inner">
<div class="x-grid3-header-offset" style="width:798px;">
<table border="0" cellspacing="0" cellpadding="0" style="width: 779px;">
<thead>
<tr class="x-grid3-hd-row">
<td class="x-grid3-hd x-grid3-cell x-grid3-td-numberer x-grid3-cell-first " style="width: 21px;">
<div class="x-grid3-hd-inner x-grid3-hd-numberer" unselectable="on" style="">
<a class="x-grid3-hd-btn" href="#"></a>
<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
</div>
</td>
<td class="x-grid3-hd x-grid3-cell x-grid3-td-startdate " style="width: 98px;">
<div class="x-grid3-hd-inner x-grid3-hd-startdate" unselectable="on" style="">
<a class="x-grid3-hd-btn" href="#"></a>
Start Date
<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
</div>
</td>
<td class="x-grid3-hd x-grid3-cell x-grid3-td-stopdate " style="width: 98px;">
<div class="x-grid3-hd-inner x-grid3-hd-stopdate" unselectable="on" style="">
<a class="x-grid3-hd-btn" href="#"></a>
Stop Date
<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
</div>
</td>
<td class="x-grid3-hd x-grid3-cell x-grid3-td-starttime " style="width: 98px;">
<div class="x-grid3-hd-inner x-grid3-hd-starttime" unselectable="on" style="">
<a class="x-grid3-hd-btn" href="#"></a>
Start Time<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
</div>
</td>
<td class="x-grid3-hd x-grid3-cell x-grid3-td-stoptime " style="width: 98px;">
<div class="x-grid3-hd-inner x-grid3-hd-stoptime" unselectable="on" style="">
<a class="x-grid3-hd-btn" href="#"></a>
Stop Time<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
</div>
</td>
<td class="x-grid3-hd x-grid3-cell x-grid3-td-5 " style="width: 98px;">
<div class="x-grid3-hd-inner x-grid3-hd-5" unselectable="on" style="">
<a class="x-grid3-hd-btn" href="#"></a>
Frequency
<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
</div>
</td>
<td class="x-grid3-hd x-grid3-cell x-grid3-td-timebasis " style="width: 154px;">
<div class="x-grid3-hd-inner x-grid3-hd-timebasis" unselectable="on" style="">
<a class="x-grid3-hd-btn" href="#"></a>
Time Basis
<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
</div>
</td>
<td class="x-grid3-hd x-grid3-cell x-grid3-td-7 x-grid3-cell-last " style="width: 98px;text-align: center;">
<div class="x-grid3-hd-inner x-grid3-hd-7" unselectable="on" style="">
<a class="x-grid3-hd-btn" href="#"></a>
Autocorrect?
<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
</div>
</td>
</tr>
</thead>
</table>
</div>
</div>
<div class="x-clear">
</div>
</div>
<div class="x-grid3-scroller">
<div class="x-grid3-body" style="width:779px;">

</div>
<a href="#" class="x-grid3-focus" tabIndex="-1"></a>
</div>
</div>
<div class="x-grid3-resize-marker">

</div>
<div class="x-grid3-resize-proxy">

</div>
</div>


Is there any way to work around this issue?

Thanks,

Steve Ervin

nikhil.thakkar
7 Jun 2011, 5:08 AM
Hi I am also getting a same kind of error.
Getting an Unknown Runtime Error under IE 8 at line 47553 ( this.grid.getGridEl().dom.innerHTML = this.renderUI(); ) in ext-all-debug.js



"<div class="x-grid3" hidefocus="true"><div class="x-grid3-viewport"><div class="x-grid3-header"><div class="x-grid3-header-inner"><div class="x-grid3-header-offset" style="width:689px;"><table border="0" cellspacing="0" cellpadding="0" style="width: 670px;"><thead><tr class="x-grid3-hd-row"><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_id x-grid3-cell-first " style="width: 18px;display: none; "><div class="x-grid3-hd-inner x-grid3-hd-fp_id" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a><img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_no " style="width: 28px;"><div class="x-grid3-hd-inner x-grid3-hd-fp_no" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>No<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_templateName " style="width: 98px;"><div class="x-grid3-hd-inner x-grid3-hd-fp_templateName" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>Template<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_divisionDesignation " style="width: 198px;"><div class="x-grid3-hd-inner x-grid3-hd-fp_divisionDesignation" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>Department(Designation)<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_department " style="width: 123px;display: none; "><div class="x-grid3-hd-inner x-grid3-hd-fp_department" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>Department<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_designation " style="width: 173px;display: none; "><div class="x-grid3-hd-inner x-grid3-hd-fp_designation" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>Designation<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_startDate " style="width: 98px;"><div class="x-grid3-hd-inner x-grid3-hd-fp_startDate" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>Start Date<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_endDate " style="width: 98px;"><div class="x-grid3-hd-inner x-grid3-hd-fp_endDate" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>End Date<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_templateEdit " style="width: 38px;"><div class="x-grid3-hd-inner x-grid3-hd-fp_templateEdit" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>Edit<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_templateDelete " style="width: 48px;"><div class="x-grid3-hd-inner x-grid3-hd-fp_templateDelete" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>Delete<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_templateId " style="width: 18px;display: none; "><div class="x-grid3-hd-inner x-grid3-hd-fp_templateId" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a><img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_departmentId " style="width: 18px;display: none; "><div class="x-grid3-hd-inner x-grid3-hd-fp_departmentId" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a><img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_designationId " style="width: 18px;display: none; "><div class="x-grid3-hd-inner x-grid3-hd-fp_designationId" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a><img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_conflict " style="width: 48px;"><div class="x-grid3-hd-inner x-grid3-hd-fp_conflict" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a>Conflicts<img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td><td class="x-grid3-hd x-grid3-cell x-grid3-td-fp_edited x-grid3-cell-last " style="width: 18px;display: none; "><div class="x-grid3-hd-inner x-grid3-hd-fp_edited" unselectable="on" style=""><a class="x-grid3-hd-btn" href="#"></a><img alt="" class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /></div></td></tr></thead></table></div></div><div class="x-clear"></div></div><div class="x-grid3-scroller"><div class="x-grid3-body" style="width:670px;">&#160;</div><a href="#" class="x-grid3-focus" tabIndex="-1"></a></div></div><div class="x-grid3-resize-marker">&#160;</div><div class="x-grid3-resize-proxy">&#160;</div></div>"



Any help to solve this would be appreciated most.

Thanks,

bbg595ca
7 Jun 2011, 5:23 AM
I finally tracked down the problem to issues with my CSS file which I resolved by reverting my CSS to a previous version.

Unfortunately, I run into severe performance problems using innerHTML under IE6. I found that IE6 took 20 minutes to layout an 1800 row table. I ended up programming directly against the DOM. This reduced the layout time for that 1800 row table to 72 seconds.