Флажок не выбирает данные с разбивкой на страницы в JavaScript ⇐ C#

[Anonymous]

У меня есть проект C# MVC, в котором я пытаюсь установить все флажки, используя флажок заголовка в таблице. но при выборе он выбирает только данные первой страницы, а не все данные с разбивкой на страницы.
Я использую AJAX для захвата выбранных данных.
код моей таблицы приведен ниже :

Код: Выделить всё

Device Serial
Device Name
User Name
User Email
@* Migration Not Started
Migration In Progress
Migration Completed
Migration Failed *@

Last Updated Time
Wave/Ring Number
Overall Status



@foreach (var item in Model)
{


@item.DeviceSerial
@item.DeviceName
@item.UserName
@item.UserEmail
@* @(item.MigrationNotStarted ? "Not Started" : "Started")
@(item.MigrationInProgress ? "In Progress" : "Not In Progress")
@(item.MigrationCompleted ? "Completed" : "Not Completed")
@(item.MigrationFailed ? "Failed" : "Not Failed") *@

@item.LastUpdatedTime
@item.WaveNumber

@if (item.OverallStatus == "In Progress")
{

}
else if (item.OverallStatus == "Failed")
{

}
else if (item.OverallStatus == "Completed")
{

}
else if (item.OverallStatus == "Not Started")
{

}
else if (item.OverallStatus == "Completed(Manually)")
{

}
@item.OverallStatus


}

также мой AJAX приведен ниже:

Код: Выделить всё

$(document).ready(function () {
// Handle select all checkbox
$('#selectAll').click(function () {
$('.row-checkbox').prop('checked', this.checked);
});

// Handle individual row checkbox change
$('.row-checkbox').change(function () {
if (!this.checked) {
$('#selectAll').prop('checked', false);
}
});

// Handle Mark as Completed button click
$('#markAsCompleted').click(function () {
var selectedIds = [];
$('.row-checkbox:checked').each(function () {
selectedIds.push($(this).data('id'));
});

console.log(selectedIds);

var serializedData = JSON.stringify(selectedIds); // Convert data to JSON string as an array
console.log("serializedData", serializedData);

if (selectedIds.length >  0) {
$.ajax({
url: '/Home/MarkAsCompleted',
type: 'POST',
contentType: 'application/json',
data: serializedData,
success: function (response) {
// Update the UI to reflect the changes
selectedIds.forEach(function (id) {
var row = $('#circle-' + id).closest('tr');
row.find('.overall-status').html('Completed(Manually)');
});
},
error: function (error) {
console.log("Error updating status: ", error);
}
});
} else {
alert('Please select at least one row to mark as completed.');
}
});
});

когда я регистрирую консоль под кодом JavaScript:

Код: Выделить всё

// Handle select all checkbox
$('#selectAll').click(function () {
$('.row-checkbox').prop('checked', this.checked);
})

он ​​не фиксирует все выбранные значения.
Я новичок в этом, буду благодарен за любую помощь.

Подробнее здесь: https://stackoverflow.com/questions/786 ... javascript