部分视图中的DataTable

时间:2017-08-17 21:15:33

标签: datatables partial-views asp.net-mvc-partialview

我在_layout中有数据表可以很好地处理所有其他表,除了我在部分视图中的特定表,可能是因为数据的加载方式。

_layout.cshtml

    $('.dataTableList').DataTable({ responsive: true, "autoWidth": false });

Detail.cshtml

    <div class="inventory" data-url=@Url.Action("Inventory")>...</div>

加载div表:

    $('.inventory').each(function (index, item) {
        var url = $(item).data("url");
        if (url && url.length > 0) {
            $(item).load(url); 
        }
    });

控制器用语

    public ActionResult Inventory()
    {              
        return PartialView("Inventory", inventoryService.Get());
    }

部分广告资源视图

    <table class="table table-striped dataTableList">
        <thead><tr><th></th></tr></thead> <tbody>...</tbody></table>

如何从_layout获取数据表初始化以在此表上工作?我看到如果我只在局部视图而不是在布局中初始化数据表,它工作正常。但是我必须单独在所有其他部分视图上初始化它。一定有更好的方法。非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

加载部分视图html后,尝试调用$('#partialViewDataTable').DataTable().ajax.reload();

之类的内容