PIbd-21_Kouvshinoff_T._A._AutomobilePlant/AutomobilePlant/AutomobilePlantClientApp/Views/Home/Mails.cshtml

@{
	ViewData["Title"] = "Mails";
}

<div class="text-center">
	<h1 class="display-4">Mails</h1>
</div>
<div class="text-center">
	<table id="mailsTable" class="table">
		<thead>
			<tr>
				<th>
					Mail's date'
				</th>
				<th>
					Title
				</th>
				<th>
					Text
				</th>
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>
	<div class="text-center">
		<div>
			Page: <input type="number" id="pageNum" value="1" min="1" /> Page Size: <input type="number" id="pageSize" value="2" min="1" />
		</div>
	</div>
</div>
<script>
	$(document).ready(function () {
		// Инициализируем значения NumericUpDown с текущими значениями
		var pageNum = $('#pageNum').val();
		var pageSize = $('#pageSize').val();

		// Функция для загрузки данных с сервера
		function loadMails(pageNum, pageSize) {
			$.ajax({
				url: '/Home/LoadMails',
				type: 'POST',
				data: { pageNum: pageNum, pageSize: pageSize },
				success: function (data) {
					// Очищаем текущие данные
					$('#mailsTable tbody').empty();

					// Заполняем таблицу новыми данными
					$.each(data, function (index, item) {
						var row = $('<tr>');
						row.append($('<td>').text(item.dateDelivery));
						row.append($('<td>').text(item.subject));
						row.append($('<td>').text(item.body));
						$('#mailsTable tbody').append(row);
					});
				},
				error: function () {
					alert('Error loading mails');
				}
			});
		}

		// Загружаем данные при инициализации страницы
		loadMails(pageNum, pageSize);

		// Обработчик изменений для NumericUpDown
		$('#pageNum, #pageSize').change(function () {
			pageNum = $('#pageNum').val();
			pageSize = $('#pageSize').val();
			loadMails(pageNum, pageSize);
		});
	});
</script>