Я получил интерфейс, который отправляет (FROMDATE и TODATE) на MS SQl и извлекает выбранные детали, и после их получения данные отображаются в сетке.
Я использую MVC.
Это сценарий js, который я использую.
$('body').on('submit', '#form', function (e) {
e.preventDefault();
$('#btnSubmit').html('<i class="fa fa-refresh fa-spin" style="font-size:14px"></i> Please wait ....');
$('#btnSubmit').prop('disabled', true);
var fromdate = $('#PeriodFrom').val();
var todate = $('#PeriodTo').val();
if ($('#PeriodFrom').val() > $('#PeriodTo').val())
{
ToastMessage("To date cannot be less than From date ");
return false;
}
debugger;
$.ajax({
url: '/ReservationInquiries/ReservationInquery?fromdate=' + fromdate + '&todate=' + todate,
dataType: 'JSON',
method: 'GET',
beforeSend: function () {
$('#btnSubmit').html('<i class="fa fa-refresh fa-spin" style="font-size:14px"></i> Please wait ....');
$('#btnSubmit').prop('disabled', true);
},
complete: function () {
$('#btnSubmit').html('Save');
$('#btnSubmit').prop('disabled', false);
},
success: function () {
FillGrid();
},
error: function (xhr, status, error) {
console.log(error);
}
});
});
url: '/ ReservationInquiries / ReservationInquery? Fromdate =' + fromdate + '& todate = '+ todate, Когда пользователь выбирает диапазон дат. Используя следующий URL, он отправляет Fromdate и Todate к контроллеру, затем к Service и затем Entry.
Возвращает Backs ReservationNo и Name из M SQL.
Итак, согласно моей программе, все выбирается для модели (значения, которые выбираются из M SQL). Как вы можете видеть, когда он перенаправляет обратно, я вызываю функцию ** FillGrid (); ** в моей js.
функция FillGrid () - это функция, которую я использую для рисования сетка в HTML.
Даже при получении данных на моей сетке ничего не отображается, это неправильно? кто-нибудь может мне помочь?
function FillGrid() {
debugger;
if ($('#grid').length == 1) {
$('#grid tr').not(':first-child').remove();
$.ajax({
//url: '/ReservationInquiries/select?search=' + $('#txtSearch').val(),
//dataType: 'JSON',
beforeSend: function () {
$('.grid').hide();
$("#loadingProjects").show();
},
complete: function () {
ShowGrid();
$("#loadingProjects").hide();
},
method: 'POST',
success: function (data) {
debugger
//var inquirieslist = JSON.stringify(data.InqueryList)
$('#grid tr:not(:first)').empty();
if (inquirieslist != null) {
$.each(inquirieslist, function (index, item) {
$('<tr>' +
'<td>' + item.ReservationNo + '</td>' +
'<td>' + item.Name + '</td>' +
'</tr>').appendTo($('#grid'));
});
}
},
error: function (xhr, status, error) {
console.log(error);
}
});
}
}