Maya, 

Thank you so much for your reply. This is a great solution. However; I noticed one problem. If the data is filtered, This still selects all the data. To give you a little more information on my current solution, I am using the GridModel approach instead of the Wrapper. 

Another question, there is a bit of a delay after selecting the "select all" checkbox. I am assuming that this is because I have to go to the server to retrieve the Data. Is there a way to improve the performance? Get the data from memory on the client; for example: 

var ds = $("#grid1").igGrid("option", "dataSource");

But again, I would need to get only the filtered data. 

Thanks again for your help.

Maya,

Thank you so much for your help with this. I wouldn't have gotten this far without you. But, I found some additional quirkiness. When I select and unselect the customCheckBox fast (double click) the view rows will select, unselect, then select and unselect again. To clarify, the customCheckBox gets selected once, then unselected once. But, the rows will select twice and unselect twice. I believe this is due to the code calling $("#grid").igGridSelection() twice (In two different loops). Doing it this way does feel a bit awkward. The first loop is selecting the rows of the dataView very fast. I think this is a great solution. However, it appears that the second set of calls to $("#grid").igGridSelection() within the full set of data loop is playing catchup and is slower than my clicks. To fix this I thought not to select the already selected view rows in the second loop like this:

            // get all ids from backend records
                    var selectedIds = [];
                    selectedIds = $('#grid').igGridSelection('selectedRows').map(function(a) {return a.id;});
                    $.get("@Url.Action("GetFilteredIDs")", params, function (data) {
                        for (var i = 0; i < data.length; i++) {
                            switch (allSelected){
                                case true:
                                    if(!selectedIds.includes(data[i]))
                                    {
                                        $("#grid").igGridSelection("selectRowById", data[i]);
                                    }
                                    break;
                                case false:
                                    if(selectedIds.includes(data[i]))
                                    {
                                        $("#grid").igGridSelection("deselectRowById", data[i]);
                                    }
                                    break;
                            }
                    

This appears to help, however the problem still exists initially undetected. If I page through the subsequent pages before the second loop finishes you will see it. I can make this work for now, but this will need to be resolved eventually. I would love to see a solution where I pass the "customCheckBox" value to the server and set the selected rows there on the server. This way there is no client side manipulation and the selected rows are set before the grid gets rendered. Or maybe an api method to select all. I would think this would be widely needed and I'm a bit surprised select all was left out of Remote Paging. I look forward to your thoughts. 

Update: there was a problem with my code above. When paging then deselecting all it would not deselect properly. Here is my modified code. 

                    // get all ids from backend records
                    var selectedIds = [];
                    selectedIds = $('#grid').igGridSelection('selectedRows').map(function(a) {return a.id;});
                    $.get("@Url.Action("GetFilteredIDs")", params, function (data) {
                        for (var i = 0; i < data.length; i++) {
                            switch (allSelected){
                                case true:
                                    if(!selectedIds.includes(data[i]))
                                    {
                                        $("#grid").igGridSelection("selectRowById", data[i]);
                                    }
                                    break;
                                case false:
                                    if(selectedIds.includes(data[i]))
                                    {
                                        $("#grid").igGridSelection("deselectRowById", data[i]);
                                    }
                                    break;
                            }
                        }
                        ids = data;
                    });