One question about "checkbox" in igGrid。

State See Verified Answer
Replies 3 replies
Answers 1 answer
Subscribers 13 subscribers
Views 2242 views
Users 0 members are here

igGrid

?? posted over 11 years ago

i selected 3 items,then i turn to page 2.

all right.last i turn back to page 1.

i don't want the 3 items still be selected.How can i do?

23953

Suggested Answer
Offline Martin Pavlov posted over 11 years ago
Hi,

The behavior which you're experiencing is by design and there is no option which is controlling it.

You can workaround it by attaching to pageIndexChanged event and call igGridSelection clearSelection method.

Here is sample code:

Code Snippet

<script type="text/javascript">

    $.ig.loader({

        scriptPath: "../../js/",

        cssPath: "../../css/",

        resources: "igGrid.RowSelectors,igGrid.Selection,igGrid.Paging"

    });



    $.ig.loader(function () {

        //Your grid initialization code is here

        //Bind to pageIndexChanged event

        $(document).delegate("#grid1", "iggridpagingpageindexchanged", function (evt, ui) {

            $("#grid1").igGridSelection("clearSelection");

        });

    });

</script>

Best regards,

Martin Pavlov

Infragistics, Inc.
Cancel
Reply

Reject Answer

Cancel
40

?? posted over 11 years ago in reply to Martin Pavlov

Hi,Martin,

Thanks for your code.

But there's another problem appreaed,after I add your code.

I turn back page 1 .OK. All the Selected item cleared.But when I clicked the checkbox in thead for selecting all the checkbox,the problem happened.

Those selected items before pageindex changed were not selected.

Can you solve the problem？
Cancel
Reply

Cancel
23953

Verified Answer
Offline Martin Pavlov posted over 11 years ago in reply to ??
Hi,

I'm afraid that you hit a bug, which is reproducible in 11.2, but not in 12.1.

The best way for you will be to upgrade to 12.1. If you can't then there is a workaround which you can use:

Here is the code for the pageIndexChanged event:

Code Snippet

$(document).delegate("#grid1", "iggridpagingpageindexchanged", function (evt, ui) {

$("#grid1").igGridSelection("clearSelection");

$("#grid1 tbody>tr>th>span").attr("data-chk", "off");

});

Hope this helps,

Martin Pavlov

Infragistics, Inc.
Cancel
Reply

Reject Answer

Cancel