DataTable 中的隐藏行扩展

Question

我对数据表中的隐藏行有疑问。我知道这里提供了一个示例 http://datatables.net/examples/api /row_details.html，但我的情况有点不同。

我有一个 ElementGroupViewModel，其中包含 ElementViewModel PrimaryElement 和 ElementViewModel[] LinkedElement。在 DataTable 中，每一行都包含一个 Element。在我的视图中，我有类似这样的内容

           foreach ( var item in Model )
            {
                @Html.Partial( "_ResultItem", item.PrimaryElement )
                foreach ( var linkedItem in item.LinkedElement )
                {
                    @Html.Partial( "_ResultItem", linkedItem )
                }
            }

，我希望它首先显示 PrimaryElement，并且用户可以展开/折叠每一行以显示/隐藏 LinkedElement。另外，我希望每个页面显示 30 个 PrimaryElement 记录，无论显示多少个 LinkedElements 。

我不知道如何才能实现这一目标。有人有什么想法吗？谢谢！

Answer 1

您不能使用此结构，因为您正在生成与 DataTable 源不兼容的嵌套静态表。

您能否使用不带链接元素的主要元素生成主要主表，并进行 Ajax 调用，从另一个控制器加载链接元素的 HTML，并将其加载到 fnOpen 中。您可以在 http://www.codeproject.com/KB 上找到示例/aspnet/Expandabe-DataTable-MVC.aspx

如果您不想进行 Ajax 调用，您可以将每个链接的子数组生成为单独的隐藏表，例如：

<table id="linked-1">
      linked set 1
</table>

<table id="linked-2">
      linked set 2
</table>

<table id="linked-3">
      linked set 3
</table>

并替换代码项目示例中的 Ajax 调用与一些JQuery 通过行的 id 查找链接表并将链接表内部 HTML 传递给 fnOpen。

我希望你能明白这里的想法是什么。

约万