Guriddo » Topic: Load State navGrid and functions not seen

Load State navGrid and functions not seen

Guriddo
Load State navGrid and functions not seen

This topic has 12 replies, 2 voices, and was last updated 10 years, 5 months ago by guriddo.support.

Creator

Topic

November 9, 2015 at 8:13 pm #124496

Participant

I’m having issues with Save/Load state functionality. The navGrid is not replaced when clicking the Load button. Any idea how to rebuild the navGrid when loading a saved state?

var $grid = $("#jqGridExplore");
$grid.jqGrid({
    jsonReader: {
        repeatitems: false,
        root: "rows",
        page: "page",
        total: "total",
        records: "records",
        cell: "",
        id: "_id"
    },
    url: "/projects/" + project + "/subjects/" + expedition,
    mtype: "GET",
    datatype: "json",
    page: 1,
    colNames: result.colNames,
    colModel: cm,
    rowNum: 10,
    rowList: [10, 20, 50, 100],
    multiSort: true,
    sortable: true,
    sortname: 'id',
    sortorder: 'asc',
    multiselect: true,
    multiboxonly: true,
    viewrecords: true,
    shrinkToFit: true,
    autowidth: true,
    height: '100%',
    pager: "#jqGridExplorePager",
    gridComplete: function () {
        updateUrlLinks.call();
        updateOcrText.call();
    },
    onSelectRow: function (id, isSelected) {
        updateIdsOfSelectedRows(id, isSelected);
    },
    onSelectAll: function (aRowids, isSelected) {
        var i, count, id;
        for (i = 0, count = aRowids.length; i &lt; count; i++) {
            id = aRowids<em class="d4pbbc-italic"></em>;
            updateIdsOfSelectedRows(id, isSelected);
        }
    },
    loadComplete: function () {
        var $this = $(this), i, count;
        for (i = 0, count = idsOfSelectedRows.length; i &lt; count; i++) {
            $this.jqGrid('setSelection', idsOfSelectedRows<em class="d4pbbc-italic"></em>, false);
        }
    }

}).navGrid("#jqGridExplorePager", {
        search: true, // show search button on the toolbar
        add: false,
        edit: false,
        del: false,
        refresh: true,
        closeOnEscape: true,
        closeAfterSearch: true,
        overlay: 0
    },
    {}, // edit options
    {}, // add options
    {}, // delete options
    {
        width: 600,
        multipleSearch: true,
        //multipleGroup: true,
        recreateFilter: true
    } // search options - define multiple search
).navButtonAdd('#jqGridExplorePager', {
    caption: '',
    buttonicon: "glyphicon glyphicon-list",
    title: "Choose columns",
    onClickButton: function () {
        $(this).jqGrid('columnChooser', {
            dialog_opts: {
                modal: true,
                width: 700,
                show: 'blind',
                hide: 'explode'
            },
            done: function (perm) {
                if (perm) {
                    this.jqGrid("remapColumns", perm, true);
                }
            }
        });
    }
}).navButtonAdd('#jqGridExplorePager', {
    caption: '',
    buttonicon: "glyphicon glyphicon-remove",
    title: "Clear saved grid's settings",
    onClickButton: function () {
        window.location.reload();
    }
});

var $grid = $("#jqGridExplore");

$grid.jqGrid({

jsonReader: {

repeatitems: false,

root: "rows",

page: "page",

total: "total",

records: "records",

cell: "",

id: "_id"

url: "/projects/" + project + "/subjects/" + expedition,

mtype: "GET",

datatype: "json",

page: 1,

colNames: result.colNames,

colModel: cm,

rowNum: 10,

rowList: [10, 20, 50, 100],

multiSort: true,

sortable: true,

sortname: 'id',

sortorder: 'asc',

multiselect: true,

multiboxonly: true,

viewrecords: true,

shrinkToFit: true,

autowidth: true,

height: '100%',

pager: "#jqGridExplorePager",

gridComplete: function () {

updateUrlLinks.call();

updateOcrText.call();

onSelectRow: function (id, isSelected) {

updateIdsOfSelectedRows(id, isSelected);

onSelectAll: function (aRowids, isSelected) {

var i, count, id;

for (i = 0, count = aRowids.length; i < count; i++) {

id = aRowids<em class="d4pbbc-italic"></em>;

updateIdsOfSelectedRows(id, isSelected);

}

loadComplete: function () {

var $this = $(this), i, count;

for (i = 0, count = idsOfSelectedRows.length; i < count; i++) {

$this.jqGrid('setSelection', idsOfSelectedRows<em class="d4pbbc-italic"></em>, false);

}

}).navGrid("#jqGridExplorePager", {

search: true, // show search button on the toolbar

add: false,

edit: false,

del: false,

refresh: true,

closeOnEscape: true,

closeAfterSearch: true,

overlay: 0

{}, // edit options

{}, // add options

{}, // delete options

{

width: 600,

multipleSearch: true,

//multipleGroup: true,

recreateFilter: true

} // search options - define multiple search

).navButtonAdd('#jqGridExplorePager', {

caption: '',

buttonicon: "glyphicon glyphicon-list",

title: "Choose columns",

onClickButton: function () {

$(this).jqGrid('columnChooser', {

dialog_opts: {

modal: true,

width: 700,

show: 'blind',

hide: 'explode'

done: function (perm) {

if (perm) {

this.jqGrid("remapColumns", perm, true);

}

});

}

}).navButtonAdd('#jqGridExplorePager', {

caption: '',

buttonicon: "glyphicon glyphicon-remove",

title: "Clear saved grid's settings",

onClickButton: function () {

window.location.reload();

}

});

This topic was modified 10 years, 5 months ago by rbruhn.

Creator

Topic

Viewing 12 replies - 1 through 12 (of 12 total)

Author

Replies
November 10, 2015 at 10:48 am #124498

guriddo.support
Participant

Hello,

You will need to use the grid option storeNavOptions set totrue.

Please look at this forum post here

Kind Regards,

Will

Guriddo Support Team

November 10, 2015 at 5:32 pm #124503

rbruhn
Participant

Thanks Will

November 11, 2015 at 4:46 pm #124526
rbruhn
Participant
Back again. I’m still having issues with functions after clicking Load state. For example: When first loaded, I want to get the ids so I can select rows, determine if a value = “true” in order to set a check box. This works when first calling the grid. However, saving the state and then reloading, I cannot call

var data = $(this).getDataIDs();

1

var data = $(this).getDataIDs();

and get the ids again. The save state does not save the selected check boxes so I need to reset them again.

Is there some function that gets called after a reload of the state whereby I can get the ids again?
- This reply was modified 10 years, 5 months ago by rbruhn.
November 11, 2015 at 5:09 pm #124528
rbruhn
Participant
Edit: Nevermind about the grid functions not working. I figured out why and it was my mistake. However, I still can’t call the getDataIds in the loadComplete and retrieve the ids of the rows.
——————

Furthermore, after reloading the state none of the grid functions are called. I use onSelectRow: and onSelectAll: but these are not called when clicking a check box after the state reload.

Am I just missing the point of saving state? It seems the grid should still be functional after reloading a state.
- This reply was modified 10 years, 5 months ago by rbruhn.
November 11, 2015 at 5:43 pm #124531
guriddo.support
Participant
Hello,

Can you please post a test case (or send it to support at guriddo dot net) and describe the steps you do?

Thank you.

Kind Regards,
Will
- This reply was modified 10 years, 5 months ago by guriddo.support.
Guriddo Support Team
November 11, 2015 at 6:42 pm #124537

rbruhn
Participant

Not sure what kind of test case you need. It’s really quite simple. When reloading the state by clicking Load State button, the loadComplete function is called but I cannot retrieve the grid row ids.

loadComplete: function () { var data = $(this).getDataIDs(); alert(data); }

1
2
3
4

loadComplete: function () {
var data = $(this).getDataIDs();
alert(data);
}

The first time the grid loads, the alert shows the ids. Save the state, leave the page and come back, click Load state, and the alert is blank. It’s not retrieving the ids.

I’m loading the rows dynamically from a server side call and the data is there.

November 11, 2015 at 7:01 pm #124538

guriddo.support
Participant

Hello,

I understand. When load state is called we build the grid, but we do not call it with the standard load data functions again, since there are a lot of parameters that should be take in account which make the task very complex.

Instead of this we save the whole table as it was in the grid and put it direct after the grid is created (loaded). This mean that load completed is run, but actually there is no data – it is inserted in the grid after this.

In order to get the ids after the load state you will need to call it after the loadState function (with little delay maybe). This will act as loadComplete in this case.

Hope I explain it fine.

Kind Regards,

Will

Guriddo Support Team

November 11, 2015 at 7:13 pm #124542

rbruhn
Participant

Hi,

Yes, you explained well. I did try loading after the loadState function but without a delay. I will try using a slight delay and see if that works out.

November 17, 2015 at 2:03 am #124564

rbruhn
Participant

Back again. Got the first problem figured out… ran into a second problem.

I have some hyper links inside table cells for pulling up modals with information. After doing a Load State, the links simply click through to the page instead of pulling up a modal. Even using jQuery.on() they do the same thing.

Any ideas on how to fix that issue?

November 17, 2015 at 11:49 am #124565

guriddo.support
Participant

Hello,

Can you send us (or make online example) code and data which demonstartes the problem. Also it is recommended to see the code of attaching events to the links in the cells of the grid.

Thank you.

Kind Regards,

Will

Guriddo Support Team

November 17, 2015 at 6:22 pm #124566

rbruhn
Participant

I fixed the issue. It required picking up the grid id again inside the loadComplete event. My grid is declared dynamically and while I can use it in the loadComplete the first time the grid loads, I ad to re-declare it inside the loadComplete for the Load State to work.

November 19, 2015 at 10:56 am #124567

guriddo.support
Participant

Hello,

We are glad to hear that the problem is resolved.

Thank you for the feedback and using our products.

Kind Regards,

Will

Guriddo Support Team
Author

Replies

Viewing 12 replies - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

Stay connected with us in your favorite flavor!

Load State navGrid and functions not seen

Search Forum

Recent Replies

Forum Statistics

UserOnline