grid with persistent checkboxes - remove checked checkboxes after remove action

Title:

I`m using this Grid from demos. I`m sending selected items to controller via AJAX. It works (items are removed from database, and from Grid after refreshGrid(), but *$('#GridChkPersistent').closest('.awe-grid').data('checks');* still have old selection inside, so next remove function usage is sending old+new selection to controller.
    @(Html.Awe().Grid("GridChkPersistent")
      .Mod(o=>o.PageInfo().PageSize().Loading())
      .Columns(
          new Column
          {
              Width = 40,
              ClientFormat = Html.Awe().CheckBox("IDENT")
                  .Ochk().Prefix("cpers.IDENT")
                  .SyncScript()
                  .HtmlAttributes(null, new { data_val = "." })
                  .ToString(),
              Header = Html.Awe().CheckBox("ChkAll").Ochk().SyncScript().ToString()
          },
          new Column { Bind = "DeviceNumber" },
          new Column { Bind = "User" })         
      .Url(Url.Action("GetItems", "Messages", new {id = ViewBag.Ident}))
      .Resizable().PageSize(5))
My remove and refresh functions:
     $('#btnRemoveItems').click(function () {          
        var checks = $('#GridChkPersistent').closest('.awe-grid').data('checks');
        var keys = [];
        for (var k in checks) {
            keys.push(k);
        }
        var dataObject =  {
            Id: messageId,
            Ids : keys
        }
        var removeOperation = $.ajax({
            url: '@Url.Action("DeleteMessagesFromDevice", "Messages")',
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            data: JSON.stringify(dataObject),
            async: true,
            success: function () {
                refreshGrid();
            }
        });
    
    });

    function refreshGrid() {
        $('#GridChkPersistent').data('api').load({});
    }
How can I clear 'checks' after grid reload?

LakTom

asked at 21 Mar 2019

why do you have `data_val = "."` ? is `".Id"` in our demo

at 21 Mar 2019 Omu

Answers

short answer `.data('checks', {})` using [https://demo.aspnetawesome.com/GridCheckboxesDemo#Grid-with-checkboxes-that-persist-state-when-paging this demo] on the first page you can check some rows after click on another page run in the console `$('#GridChkPersistent').data('checks', {})` and return to the first page, you'll see the rows won't be checked
Omu

answered at 21 Mar 2019

please Sign In to leave an answer