Jqgrid in a dialog window is not showing on the second calling

Question

I have this script below that will call my browse window;

var $dialog = $('<div></div>')
    .load('scripts/browsecharges.jsp')
    .dialog({
        width: 800,
        height: 500,
        modal: false,
        title: 'Browse Charges',
        buttons: {
            Ok: function() {
                $(this).dialog('destroy');
            }
        },
        close: function(event, ui) {
            $(this).dialog('destroy').remove();
        }
    });
    $dialog.dialog('open');

This browse window contains a jqgrid in it. At first my jqgrid works fine, I can see the data. But calling this browse window for the second time, my jqgrid will not show anymore. What should I do to open it as many times as I want?

Answer 1

Perhaps you need to call GridUnload prior to creating the grid, to ensure any elements from the previous grid are cleaned up.