Crazylife's avatar

Data from previous pagination link lost after navigate to another page.

I am using laravel lengthawarepaginator. I have a checkboxes with it. When i click a button to select all the check boxes it only check for the first page, and when navigate to another pages then the data from previous page will lost.

$("#select-all").click(function(e) {
                e.preventDefault();
            $(':checkbox').each(function() {
                if(this.checked === false) {
                    this.checked = true;
                }
            });
            });

The function above is to select all checkbox.

$( document ).ready(function() {
        $('.pagination a').on('click', function(event) {
          event.preventDefault();
            if ($(this).attr('href') != '#') {
                $('#list').load($(this).attr('href'));
            }
        });
    });

I am using this method to refresh my data.

Any solution can fix this?

0 likes
3 replies
spekkionu's avatar

You will have to store the data of which boxes are checked separately from just the checkboxes themselves.

You can store a list of the checked boxes in an array before loading a new page. After a page loads and the checkboxes are rendered you will have to check any checkboxes that were previously stored.

In general using the DOM to keep track of data like this can get messy and difficult to work with. I recommend taking a look at the vue related videos on this site as functionality is much faster to create and easier to understand than the very DOM-centric jQuery style approach.

Crazylife's avatar

Is it possible to do like DataTables which can retain the data even navigate to new page?

spekkionu's avatar

Like I said if data is retained it must be stored in a variable and not just use DOM elements.

DataTables has a data variable it uses to store the data for each row. You will need something similar.

Please or to participate in this conversation.