jQuery Grid Plugin - jqGrid - Topic: GridDestroy method does not clear all memory

zebra on GridDestroy method does not clear all memory

Fri, 02 Mar 2012 08:33:33 +0200

I dont have trouble with delRowData command. Check function arguments.

lilibet on GridDestroy method does not clear all memory

Fri, 02 Mar 2012 04:48:55 +0200

Hi Zebra,

Thank you very much! I tested the latest code you supplied. There is no leak anymore once I destroy the table.

But now by using your code, I find another issue. Once I called the "delRowData" method, I got the following error:

a(E, d).closest("table.ui-jqgrid-btable")[0] is undefined

Could you please help me find what's wrong with it?

Thanks again.

tony on GridDestroy method does not clear all memory

Thu, 01 Mar 2012 13:10:59 +0200

Hello,

Can some one give me a link to this so commented issue?

Thank you.

Kind Regards

zebra on GridDestroy method does not clear all memory

Wed, 29 Feb 2012 17:40:51 +0200

try this.

lilibet on GridDestroy method does not clear all memory

Thu, 16 Feb 2012 07:23:25 +0200

Hi zebra,

I've tried to replace all event and commented out window.onload, and also tried replace the file by your code. But nothing was working for me, the memory still leaking.

I'm keep looking for the solutions.

Thanks

zebra on GridDestroy method does not clear all memory

Wed, 08 Feb 2012 15:58:24 +0200

Replaced all event mouseup / mousemove a document on "gbox_" + grid_id and commented out events window.onload and leaks disappeared. Try my code. download

zebra on GridDestroy method does not clear all memory

Wed, 08 Feb 2012 01:36:52 +0200

I also interested in solution of this problem. I have tested leak on following example:

var count = 0, timeout, elem, id = 0;
(function() {
    if(id) {
        $('#' + id).jqGrid('GridDestroy');
       $('#' + id).remove();
    }
   console.log(count++);
   id = 'i' + count;
    $('body').append('<table id="' + id + '"></table>');

   $('#' + id).jqGrid({ datatype: "local", height: 250, colNames:['Inv No'], colModel:[ {name:'id',index:'id', width:60, sorttype:"int"} ]});

   timeout = setTimeout(arguments.callee, 300);
}());

lilibet on GridDestroy method does not clear all memory

Wed, 25 Jan 2012 02:43:42 +0200

Hi all,

I'm currently face a memory leak problem. When I simply create a grid then call 'GridDestroy' method to remove it, under IE there is around 1M memory cannot be released.

The following are the demo code:

<head>
<script src="../../../javascripts/core/jquery-1.7.1.js" type="text/javascript"></script>
<script src="../../../javascripts/core/table/jquery.jqGrid.src.js" type="text/javascript"></script>
<script>
       var load = function() {
           var text = '<table id="jggrid-0"></table>';
           var contain = document.getElementById('container');
           contain.innerHTML = text;

           var tableData = [
                         {name:'ATT1',dataType:'STRING'}
                        ];
           var settings = {
                   datatype: "local",
                   colNames:['Name','Type'],
                   colModel:[
                              {name:'name',width:160},
                              {name:'dataType',width:110}
                              ],
                   keyColumn:'name',
                   data: tableData
           };
           $('#jggrid-0').jqGrid(settings);
       };
       var destroy = function(){
              $('#jggrid-0').jqGrid('GridDestroy');
              $('#container').find('table').remove();
              document.getElementById('container').innerHTML = "";
       };
</script>
</head>
<body>
   <h1>table memory leak test</h1>
   <div>
       Iterations:
       <span id="repeats"></span>
   </div>
   <button id="button1" onclick='load()'>Load</button>
   <button id="button2" onclick='destroy()'>Destroy</button>
   <div id="container">
   </div>
   <div id="GC" class="hidden"></div>
</body>

When first time load the page then click 'load' button, the memory increased around 5M. Click on 'destroy' button after, around 4M memory released, but 1M remain. If keep click 'load'/'destroy' again and again, then each load taken extra 200Kb memory. All the test has been done under IE8.

I tried all different versions of the jqgrid from 4.1.1 to 4.3.1, the result are same. And if push more data in table or add more columns the leaks becomes bigger.

Is anyone get the same problem and have any solution for it? Thanks.