我有一个局部视图正在加载数据表。调试时,我可以进入部分视图并观察数据表的建立。一切似乎都正常,除非在数据表完成时什么都没有发生。好像我错过了实际获取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>