Как загрузить таблицу данных в частичном представлении - PullRequest
Новая
       40

Как загрузить таблицу данных в частичном представлении

0 голосов
/ 16 февраля 2019

У меня есть частичное представление, которое загружает таблицу данных.Когда я отлаживаю, я могу перейти к частичному представлению и наблюдать, как создается таблица данных.Кажется, все работает нормально, за исключением того, что ничего не происходит, когда таблица данных завершается.Как будто я пропускаю последний шаг, чтобы заставить HTML отображать мои результаты.

Я видел сообщение , в котором говорится, что $('#datatable').DataTable(); используется в функции, но это непохоже на работу.Также еще один пост , предлагающий использовать $('#partialViewDataTable').DataTable().ajax.reload(); в функции, но я также не мог заставить это работать.Как правильно отобразить значения таблицы данных в частичном представлении?

ОБНОВЛЕНИЕ : я смог заставить его работать, используя метод .load() JQuery.Больше информации о методе .load () можно найти здесь .У меня также были конфликтующие библиотеки JQuery, которые были большей частью моей проблемы.Я добавил функцию .load(), которая вызывает мой метод GetAssociateResults в моем контроллере TOSAdjustment.Я обновил свой исходный вопрос, чтобы отразить решение, которое сработало для меня.

Просмотр 

 <div class="card-content">
            <div class="card-body">
                <div id="dvAssociateResults">
                    @{Html.RenderPartial("AssociateResultsPartialView", Model);}
                </div>
            </div>
        </div>




$("#pcmId").on("change", function () {
            $("#dvAssociateResults").load('@(Url.Action("GetAssociateResults", "TOSAdjustment", null, Request.Url.Scheme))?pcmSelected=' + encodeURIComponent($('#pcmId').val()));
        })

Частичное представление 

<table class="table table-striped table-bordered dom-jQuery-events compact" id="table_id">
                            <thead class="navbar-dark navbar-dark bg-blue-grey white">
                                <tr>
                                    <th>
                                        Associate
                                    </th>
                                    <th>
                                        SSO
                                    </th>
                                    <th>
                                        PCM
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model.get_employees_under_mgr_result)
                                {
                                    <tr>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.AgentName)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.AgentSSOn)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.MgrName)
                                        </td>
                                    </tr>
                                }
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>
                                        Associate
                                    </th>
                                    <th>
                                        SSO
                                    </th>
                                    <th>
                                        PCM
                                    </th>
                                </tr>
                            </tfoot>
                        </table>
...