Breaking News: Grepper is joining You.com. Read the official announcement!

update the single row in the yajra data table with ajax without reload whole data table

basecoin basecoin answered on July 4, 2023 Popularity 1/10 Helpfulness 1/10

answer update the single row in the yajra data table with ajax without reload whole data table

update the single row in the yajra data table with ajax without reload whole data table

Comment

$.ajax({
    url: "{{ url('bookings/changeStatus') }}",
    method: "POST",
    data: {
        _token: "{{ csrf_token() }}",
        booking_status_id: bookingStatusId,
        booking_id: booking_id,
    },
    beforeSend: function() {
        $('.booking_status').prop('disabled', true);
    },
    success: function(response) {
        if (response.success) {
            $('.booking_status').prop('disabled', false);

            // Get the DataTable instance
            var table = $('#booking-table').DataTable();

            // Get the current page index
            var currentPage = table.page();

            // Get the row index of the updated booking
            var rowIndex = table.row('#booking-id-' + booking_id).index();

            // Update the row data
            var rowData = table.row(rowIndex).data();
            rowData = response.data;
            table.row(rowIndex).data(rowData);

            // Redraw the table
            table.draw(false);

            // Go back to the previous page
            table.page(currentPage).draw(false);

            // Show success message
            Swal.fire({
                position: 'center',
                icon: 'success',
                title: 'Booking Status Updated',
                showConfirmButton: false,
                timer: 1500
            });
        }
    },
    error: function(xhr, status, error) {
        console.log(error);
    }
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: ajax javascript reload row

Link to this answer
Share Copy Link

Contributed on Jul 04 2023

basecoin basecoin

0 Answers Avg Quality 2/10

update the single row in the yajra data table with ajax without reload whole data table

Contents

More Related Answers

update the single row in the yajra data table with ajax without reload whole data table

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.