如何在局部视图中加载数据表

时间:2019-02-16 15:17:17

标签: model-view-controller datatables asp.net-mvc-partialview

我有一个局部视图正在加载数据表。调试时,我可以进入部分视图并观察数据表的建立。一切似乎都正常,除非在数据表完成时什么都没有发生。好像我错过了实际获取HTML来呈现结果的最后一步。

我看到post声明要在函数中使用$('#datatable').DataTable();,但这似乎不起作用。另一个post建议在函数中使用$('#partialViewDataTable').DataTable().ajax.reload();,但我也无法使用它。如何在部分视图中正确显示数据表值?

更新: 我可以使用.load() JQuery方法使其工作。可以在here中找到更多的.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>

0 个答案:

没有答案