Information Is Not Loaded in MODAL Edit After Paging

Question

Good morning Galera,

I’m having a question and I was wondering if you could help me...

In this first img, I have a table made with data table with a list of entries, and each of them has the option to edit and delete.

After I click the edit button it brings the information of the same.

So far so good.

Then we go to another page As you can see all right too.

But after clicking edit on this other page the data is not loaded ! I would like to know why this happens ?

It seems to me that after I move to another page he misses the events, I do not know Rsrs I’d like some help ;-)

Most Grateful.

Answer 1

I think this will help you:

<?php
                           while ($mm = mysqli_fetch_assoc($result)){
                               echo '<tr>';
                               echo '<td>'.$mm['id_variavel'].'</td>';
                               echo '<td>
                               <button type="button" class="btn btn-primary">
                                   <a data-toggle="modal"
                                        data-target="#exampleModal"
                                        data-whatever="'.$mm['id_variavel'].' ">Atualizar</a>
                                    </button>
                                    </td>';
                                    echo '</tr>';
                                }
                                $result->close();
                            ?>

    <script>
            $('#exampleModal').on('show.bs.modal', function (event) {
                var button = $(event.relatedTarget) 
                var recipient = button.data('whatever') 
                var modal = $(this);
                var dataString = 'id=' + recipient;

                    $.ajax({
                        type: "GET",
                        url: "edit-modal.php", //para o ficheiro de criação do modal
                        data: dataString,
                        cache: false,
                        success: function (data) {
                            console.log(data);
                            modal.find('.dash').html(data);
                        },
                        error: function(err) {
                            console.log(err);
                        }
                    });
            })
        </script>