1

Здравствуйте! Использую DataTables и ajax-запросом хочу отобразить таблицу, передав данные в json.

Метод контроллера, который возвращает json:

public string GroupReportPartial()
    {
        using (AcademicProgressDb db = new AcademicProgressDb())
        {
            var query = (from Students in db.Students
                         from StudentsSubjects in db.StudentsSubjects
                         from Subjects in db.Subjects
                         from ControlPeriods in db.ControlPeriods
                         from ControlTypes in db.ControlTypes

                         where
                           Students.RecordBookNumber == StudentsSubjects.StId.ToString()
                         where
                         Subjects.SubjectId == StudentsSubjects.SubjId
                         where
                         ControlPeriods.ControlPeriodId == StudentsSubjects.CtrlPeriodId
                         where
                         ControlTypes.ControlTypeId == StudentsSubjects.CtrlTypeId
                         select new GroupsReportModel
                         {
                             StudentGroupNumber = Students.GroupNumber,
                             StudentLastName = Students.LastName,
                             StudentFirstName = Students.FirstName,
                             StudentMiddleName = Students.MiddleName,
                             SubjectName = Subjects.Name,
                             ControlPeriodName = ControlPeriods.Name,
                             ControlTypeName = ControlTypes.Name
                         }).ToList();

            return JsonConvert.SerializeObject(query);
        }
    }

Работает успешно. В результате я получаю:

[{"StudentGroupNumber": 2012,"StudentLastName": "Глобчук","StudentFirstName": "Даниил","StudentMiddleName": "Владимирович","SubjectName": "Иностранный язык","ControlPeriodName": "Второй семестр","ControlTypeName": "Зачет"}]

Код в представлении:

<script type="text/javascript">
    $(document).ready(function () {
       $('#example').DataTable({
           ajax: {
               url: '@Url.Action("GroupReportPartial")',
               type: 'POST',
               dataType: 'json',
               dataSrc: "",
               columns: [
                    { data: "StudentGroupNumber", name:"StudentGroupNumber" },
                    { data: "StudentLastName", name: "StudentLastName" },
                    { data: "StudentFirstName", name: "StudentFirstName" },
                    { data: "StudentMiddleName", name: "StudentMiddleName" },
                    { data: "SubjectName", name: "SubjectName" },
                    { data: "ControlPeriodName", name: "ControlPeriodName" },
                    { data: "ControlTypeName", name: "ControlTypeName" }
               ]
            }
        });
    });
</script>

<table id="example" class="display" style="width:100%">
    <thead>
        <tr>
            <th>StudentGroupNumber</th>
            <th>StudentLastName</th>
            <th>StudentFirstName</th>
            <th>StudentMiddleName.</th>
            <th>SubjectName</th>
            <th>ControlPeriodName</th>
            <th>ControlTypeName</th>
        </tr>
    </thead>
</table>

Казалось бы всё хорошо, но получаю ошибку

DataTables warning: table id=example - Requested unknown parameter '0' for row 0, column 0

Количество столбцов в json и во view одинаковое. В чем может быть причина?

2
  • У Вас метод HttpGet в контроллере указан, а в Ajax запросе Вы используете HttpPost. Вам приходит ответ от сервера правильный. Посмотрите лог запросов на сервер в debug. Если нет - измените метод и посмотрим, что еще не так.
    – sombik
    4 фев 2020 в 14:35
  • @sombik, "посмотрим, что еще нет так". К счастью, я уже решил вопрос 2 года назад и ответил на него сам же. Не понимаю смысл Вашего комментария. 4 фев 2020 в 15:02

2 ответа 2

0

Если я правильно понял , твои данные (JSON) не доходят до функции . Попробуй $(document).ready(function (data) {...});

3
0

Моя ошибка из-за невнимательности. Разместил параметр columns внутри параметра ajax, а надо было вне его.

Правильный код рабочего скрипта:

<script type="text/javascript">
    $(document).ready(function (data) {
       $('#example').DataTable({
           processing: true,
           serverSide: true,
           ajax: {
               url: '@Url.Action("GroupReportPartial")',
               type: 'POST',
               dataType: 'json',
               dataSrc: ""
           },
           columns: [
               { data: "StudentGroupNumber", name: "StudentGroupNumber" },
               { data: "StudentLastName", name: "StudentLastName" },
               { data: "StudentFirstName", name: "StudentFirstName" },
               { data: "StudentMiddleName", name: "StudentMiddleName" },
               { data: "SubjectName", name: "SubjectName" },
               { data: "ControlPeriodName", name: "ControlPeriodName" },
               { data: "ControlTypeName", name: "ControlTypeName" }
           ]

        });
    });
</script>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.