Load/unload/load again problems

[jas-Member]

I am attempting to place a gridview element within a jQuery mobile collapsible container.

I have added the following code to load & unload the jqWidget gridview element on expand & collapse. For brevity I options etc have been omitted.

EDIT: Is there a better method (couldn’t find it in the API) for unloading the gridview object?

EDIT: The complete error message…

TypeError: f is null
http://localhost:8080/MLIB-Inventory/js/jqWidgets/jqwidgets/jqxgrid.js
Line 7

    $("#current-inventory").bind('collapse', function(event, ui) {
        $("#jqxgrid").html(false);
    });
    $("#current-inventory").bind('expand', function(event, ui) {
        /* loading data source etc */
        $("#jqxgrid").jqxGrid({
            /* options etc */
        });
    });

It will load & unload without a problem, however if I try to reload or ‘expand’ the collapsible jQuery UI container triggering the grid to reload its data source etc I begin getting errors.

I have tested this on Firefox 19.0a1 (2012-11-18) & Chrome 24.0.1312.70. Thanks in advance.

[Peter StoevKeymaster]

Hi jas-,

$(“#jqxgrid”).html(false); will not unload the Grid. The ‘destroy’ the Grid, use its ‘destroy’ method. To dynamically append it, use the jQuery’s append method and then initialize it via the jqxGrid constructor.

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jas-Member]

Hello Peter,

Great, thanks for that. I have been scouring the API but overlooked this method.

[debashish002Participant]

how to initialize grid again and again ?

[adminKeymaster]

Hi debashish002,

Which framework do you use? Javascript, Angular, Vue, React?

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts