Таблица данных на стороне сервера не отображает запись MVC / JQuery - PullRequest
Новая
       79

Таблица данных на стороне сервера не отображает запись MVC / JQuery

0 голосов
/ 30 апреля 2020

Я работаю с ASP. NET MVC / jQuery с датой.

У меня есть таблица данных, которая закрыта для 6000 записей. Я пытаюсь использовать таблицу данных на стороне сервера. Первоначально я получал кучу разных предупреждений. Но, прочитав некоторые форумы здесь и с помощью руководства с сайта datatables, удалось избавиться от предупреждений. Сейчас я не получаю никаких предупреждений, но таблица загружается пусто. Я получаю ответ от JSON при тестировании с помощью инструментов разработчика.

Вот мои фрагменты кода.

Мой сценарий: 

$(document).ready(function () {
       $('#myDataTable10').DataTable({
           "ajax": {
       url: "@Url.Action("GetList", "ProjectsHome")",
       type: 'POST',
       "datatype":"json"
           },
           aoColumns: [{ "mdata": "ProjectCode", "name": "ProjectCode", "sDefaultContent": "" },
               { "mdata": "ProjectType", "name": "ProjectType", "sDefaultContent": "" },
               { "mdata": "ProjectTitle", "name": "ProjectTitle", "sDefaultContent": "" },
               { "mdata": "SponsorName", "name": "SponsorName", "sDefaultContent": "" },
               { "mdata": "InitiatorName", "name": "InitiatorName", "sDefaultContent": ""},
               { "mdata": "DateOpen", "name": "DateOpen", "sDefaultContent": "" },
               { "mdata": "ProjectStatus", "name": "ProjectStatus", "sDefaultContent": ""},
           ],
           dataSrc: "data",
           "serverside": "true",
           "order":[0,"desc"],
       });
   });

Моя таблица разметка тела: 

<table id="myDataTable10" class="display">
                <thead style="background-color:lightgray">
                    <tr>
                        <th class="text-center" style="cursor:pointer;background-color:burlywood" colspan="7">
                            @Html.DisplayName("All Projects")
                        </th>
                    </tr>
                    <tr>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Project ID")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Project Type")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Project Title")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Sponsor")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Initiator")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Date Opened")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Current Status")
                        </th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Project ID")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Project Type")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Project Title")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Sponsor")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Initiator")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Date Opened")
                        </th>
                        <th class="text-center" style="cursor:pointer">
                            @Html.DisplayName("Current Status")
                        </th>
                    </tr>
                    </tfoot>
                <tbody></tbody>
            </table>

Мой класс контроллера: 

public ActionResult GetList()
{
    List<vwAllProject> allProjList = new List<vwAllProject>();

    using (DEVEntities db = new DEVEntities())
    {
        allProjList = db.vwAllProjects.ToList<vwAllProject>();
    }

    return Json(new { data = allProjList }, JsonRequestBehavior.AllowGet);
}

Мой JSON ответ от инструмента разработчика (я получил около 6000 записей. Изменил набор записей, чтобы показать здесь только несколько ) 

{"data":[{"ProjectCode":"0","ProjectType":"SubProject","ProjectTitle":"TestRA","SponsorName":"Sponsor1","InitiatorName":"InitiaTest","DateOpen":"1/1/1900","ProjectStatus":"Open"},{"ProjectCode":"1","ProjectType":"SubProject","ProjectTitle":"Administration:  Department","SponsorName":"James C","InitiatorName":"James,B","DateOpen":"12/30/1991","ProjectStatus":"Open"},{"ProjectCode":"2","ProjectType":"SubProject","ProjectTitle":"Leave Time:  Vacations, Holidays, Sick leave, etc.","SponsorName":"James B","InitiatorName":"James,B","DateOpen":"12/30/1991","ProjectStatus":"Closed"} ]}

Скриншот моей таблицы:

Пустая таблица данных

...