Question

我很难弄清楚如何为界面类型viewmodel渲染显示模板。假设我有一个像下面这样的视图模型：

public class DashboardViewModel
{
    public ISelectedWalletsViewModel Wallets { get; set; }
}

public interface ISelectedWalletsViewModel
{
}

public class OneSelectedWalletViewModel : ISelectedWalletsViewModel
{
    public SelectedWalletViewModel SelectedWallet { get; set; }
    public IEnumerable<WalletViewModel> OtherWallets { get; set; }
}

public class AllSelectedWalletsViewModel : ISelectedWalletsViewModel
{
    public IEnumerable<WalletViewModel> Wallets { get; set; }
}

public interface IWalletViewModel
{
    long Id { get; set; }
    string Name { get; set; }
    string Description { get; set; }
    string CurrentBalance { get; set; }
}

public class WalletViewModel : IWalletViewModel
{
    public long Id { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }
    public string CurrentBalance { get; set; }
}

public class SelectedWalletViewModel : IWalletViewModel
{
    public long Id { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }
    public string CurrentBalance { get; set; }
}

因此，我创建了DisplayTemplates文件夹来为每个模型设置相应的.cshtml文件：

<!-- START OneSelectedWalletViewModel.cshtml -->
@using CLSoft.MyWallet.Models.Home
@model OneSelectedWalletViewModel

@Html.DisplayFor(m => m.SelectedWallet)
@Html.DisplayFor(m => m.OtherWallets)
<a asp-action="Index">Select all wallets</a>
<!-- END OneSelectedWalletViewModel.cshtml -->

<!-- START AllSelectedWalletsViewModel.cshtml -->
@using CLSoft.MyWallet.Models.Home
@model AllSelectedWalletsViewModel

@Html.DisplayFor(m => m.Wallets)
<!-- END AllSelectedWalletsViewModel.cshtml -->

<!-- START SelectedWalletViewModel.cshtml -->
@using CLSoft.MyWallet.Models.Home
@model SelectedWalletViewModel

<div class="card border-primary">
    <div class="card-body">
        <h5 class="card-title">@Model.Name</h5>
        <h6 class="card-subtitle mb-2 text-muted">@Model.CurrentBalance</h6>
        <p class="card-text">@Model.Description</p>
    </div>
</div>
<!-- END SelectedWalletViewModel.cshtml -->

<!-- START WalletViewModel.cshtml -->
@using CLSoft.MyWallet.Models.Home
@model WalletViewModel

<div class="card">
    <div class="card-body">
        <h5 class="card-title">@Model.Name</h5>
        <h6 class="card-subtitle mb-2 text-muted">@Model.CurrentBalance</h6>
        <p class="card-text">@Model.Description</p>
        <a asp-action="Index" asp-route-wallet-id="@Model.Id">select wallet</a>
    </div>
</div>
<!-- END WalletViewModel.cshtml -->

现在我只缺少控制器操作方法：

[HttpGet]
public async Task<IActionResult> Index(long? walletId)
{
    var viewModel = await _service.GetDashboardViewModelAsync(walletId);
    return View(viewModel);
}

和Index.cshtml查看代码：

@using CLSoft.MyWallet.Models.Home
@model DashboardViewModel

@{
    ViewData["Title"] = "Index";
}

<div class="row">
    <div class="col">
        <h4>Your wallets</h4>
        @Html.DisplayFor(m => m.Wallets)
    </div>
</div>

现在，我应该全部设置好了。事情是没有标记被渲染。在测试期间，我尝试为接口ISelectedWalletsViewModel添加显示模板

@model ISelectedWalletsViewModel
@Html.DisplayForModel()

在@ Html.DisplayForModel（）上设置一个断点，然后-ta dah！ -调试器应停止。但是，可惜，没有调用任何具体的DisplayTemplate。我想念什么吗？

编辑1 ：我创建了一个github repo来显示问题。

编辑2 ：我还在AspNet/Mvc repository

上报告了该问题

Answer 1

原来是by design。我会在下面用 NTaylorMullen 引用答案，以防链接消失（不太可能，但仍然会）：

[...]因此，关于此问题，实际上是设计使然。转到Core时，我们发现在旧版ASP.NET中，我们有过度共享的习惯（使用意外的视图模型模板）。为了解决这个问题，我们删除了该功能，并要求用户在使用显示模板时明确使用的类型。抱歉，我没有更好的答案！

那么，您应该如何重构代码以满足这些规则？

[不太好] ，您可以将ViewModel重构为一个包含所有可能实现的视图模型，并在Views代码中使用 if 语句来呈现所需的视图一个;
[更好] ，您可以重构控制器动作逻辑以处理ViewModel的所有可能实现，并提供所需的View。

Answer 2

我们在迁移到 ASP.NET Core 时遇到了同样的问题，最终使用以下辅助方法作为解决方法：

public static IHtmlContent MagicDisplayFor<TModel, TResult>(
    this IHtmlHelper<TModel> helper,
    Expression<Func<TModel, TResult>> expression)
{
   // run the expression to get the actual object we want to render
   var targetObject = expression.Compile()(helper.ViewData.Model);

   // get the runtime type of the object (as opposed to the declared type TResult)
   var actualTargetType = targetObject.GetType();

   // render the object as usual, but override the template name using the target type
   return helper.DisplayFor(expression, templateName: actualTargetType.Name);
}

然后我们在需要这种行为的地方用 @Html.DisplayFor 替换了 @Html.MagicDisplayFor。

与直接使用 @Html.DisplayFor 相比，它增加了一些开销，而且可能有一些我们没有考虑过的边缘情况，但它似乎对我们来说已经足够了。

ASP.NET Core 2中的Html.DisplayFor接口视图模型

2 个答案: