jQuery Grid Plugin - jqGrid - Topic: $.jgrid.cellWidth() function forces IE8 to throw window.resize event http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event Simple:Press Version 5.7.5.3 putnik on $.jgrid.cellWidth() function forces IE8 to throw window.resize event http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27971 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27971 Hello,

Sorry for the delay.

Thank you for the solution very much.

It works perfectly.

For my soultion I've just overrided the cellWidth() function to return true. It also works without any changes in the jqGrid code.

Kind Regards,

Andrew Zhuk

]]> Thu, 03 Jan 2013 09:49:29 +0200 tony on $.jgrid.cellWidth() function forces IE8 to throw window.resize event http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27914 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27914 Hello,

I have fixed the problem in GitHub.

Could you please let me know if this ok for you?

Thanks.

Best Regards

Tony

]]> Thu, 13 Dec 2012 10:31:27 +0200 putnik on $.jgrid.cellWidth() function forces IE8 to throw window.resize event http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27913 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27913 Hello tony,

Thank you for your suggestion but it does not fix that problem. Function setGridWidth forces window to rise 'resize' event (IE8) in any case: use timeout or not.

The main problem is the implementation of the $.jgrid.cellWidth() function that is invoked inside the setGridWidth.

Here is the simple code to reproduce it:

<!DOCTYPE html>

<html>

<head>

<title></title>

<script src="Script/jquery-1.8.0.js"></script>

<script src="Script/jquery.jqGrid.src.js"></script>

<script type="text/javascript" language="JavaScript">

var count = 1;

$(function(){

initGrid();

$(window).bind('resize', function() {

setTimeout(function() {

$('#grid').setGridWidth(1000);

 

$('body').append(count++);

}, 100);

});

});

function initGrid() {

var options = {};

$('#grid').jqGrid(options);

};

</script>

</head>

<body>

<div>

<table id="grid"></table>

</div>

</body>

</html>

In my project I've just overrided the $.jgrid.cellWidth() function to return true. But I suppose it's not good solution.

Regards.

]]> Thu, 13 Dec 2012 09:16:55 +0200 tony on $.jgrid.cellWidth() function forces IE8 to throw window.resize event http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27909 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27909 Hello,

Use setTimeout when you call the setGridwidth.

$(window).bind('resize', function () {

    setTimeout(function(){ $("#grid").jqGrid('setGridWidth', 1000);},100);

});

Regards

]]> Wed, 12 Dec 2012 18:36:40 +0200 putnik on $.jgrid.cellWidth() function forces IE8 to throw window.resize event http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27907 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jgrid-cellwidth-function-forces-ie8-to-throw-window-resize-event#p27907 Hello everyone,

I need to resize jqGrid when user resizes a browser. So, I used the following code:

$(window).bind('resize', function () {

$("#grid").jqGrid('setGridWidth', 1000);

});

I notified that in IE8 that construction goes to infinite cycle. I've investigated it and found that setGridWidth calls $.jgrid.cellWidth() inside.

$.jgrid.cellWidth() contains following code:

var $testDiv = $("<div class='ui-jqgrid' style='left:10000px'><table class='ui-jqgrid-btable' style='width:5px;'><tr class='jqgrow'><td style='width:5px;'></td></tr></table></div>"),

testCell = $testDiv.appendTo("body").find("td").width();

$testDiv.remove();

return testCell !== 5;

Exactly that code forces window to rise resize event in IE8.

I would really appreciate to any suggestions how to fix this problem or how to resize jqGrid when user resizes the browser.

Thank in advance.

]]> Wed, 12 Dec 2012 17:29:45 +0200