ASP.NET MVC：显示部分表的部分视图

Question

我有两个视图，每个视图都呈现一个表格。大多数表在两个视图之间共享，因此我希望能够为它们重用视图代码。

表1

Column A   |   Column B
1          |   2
4          |   8

表2

Column A   |   Column B   |   Column C
1          |   2          |   7
4          |   8          |   2

显然，我的实际表格比上面的示例复杂得多，这只会使问题更加复杂。由于表格是如何用 HTML 编写的，在我看来，似乎没有什么好方法可以删除我想要重用的内容，同时仍然能够添加内容。

使用表格，我可以采用任何方法来重用代码吗？还是我必须放弃使用表格？

Answer 1

为什么不创建一个专门用于构建给定包含所有列和行信息的特定模型的表的视图呢？这样，您可以在任何您想要的地方使用视图，并且您提供的模型将确定有多少列和行。

编辑

我认为您不太理解我的观点，所以我将使用一些代码。现在您可能有一个看起来像这样的模型：

public class Something
{
    public string ValueA {get;set;}
    public string ValueB {get;set;}
    public string ValueC {get;set;}
}

您的视图可能看起来像这样：

<table><tr><th>Column A</th><th>Column B</th><th>Column C</th></tr>
    <%foreach(var something in Model.Somethings) {%>
       <tr>
           <td><%:something.ValueA%></td>
           <td><%:something.ValueB%></td>
           <td><%:something.ValueA%></td>
       </tr>
    <%}%>
</table>

嗯，正如您所注意到的，这并不适合简单的表列。一种解决方案是在模块上设置一些选项来确定包含哪些列，然后将一堆 if/then 语句放入视图中。但我认为更好的解决方案是创建一个看起来更像这样的新 Model 类：

public class TableModel
{
    public IEnumerable<string> Headers {get;set;}
    public IEnumerable<IEnumerable<string>> Rows {get;set;}
}

然后您的模型看起来更像这样：

<table><tr>
    <%foreach(var header in Model.Headers) {%>
        <th><%:header%></th>
    <%}%></tr>
    <%foreach(var row in Model.Rows) {%>
       <tr>
       <%foreach(var cell in row) {%>
           <td><%:cell%></td>
        <%}%>
       </tr>
    <%}%>
</table>

正如您所看到的，此视图代码中没有任何内容将自身显式地与您的原始数据类型联系起来，因此它可以重复用于您想要在整个应用程序中创建的任何表。您的控制器负责根据您想要表示的数据创建 TableModel 对象。如果特定列包含在该模型中，则会显示该列。如果没有，就不会。

显然，就像您的示例一样，这非常简单，但它应该为您提供总体思路。 DataTable 类已经是 .NET 的一部分，可能已经拥有您需要的一切，因此您甚至不必创建自己的 TableModel 类。它已经提供了一些关于添加和删除列、行等的不错的功能。

Answer 2

我建议为通用代码创建一个 HTMLHelper。我会将条件传递给助手以确定要输出的内容。

Answer 3

尝试分两步思考问题。一个是生成标题并获取所需的列，另一个是实际渲染 Html。然后你可以调用像 Which 这样的方法

RenderTable( string[] columnsINeed )

来渲染你需要的表列。

您需要呈现 HTML 的方式不应妨碍您编写可重用的代码。