Question

有没有比下面有条件地（使用剃刀）显示/隐藏元素的更聪明的方法？视图非常大，我担心维护：

@if(@Model.Atendimento.PrazosEEntregas.Visivel)
{
    <div>
        <h4>Prazos e entrega do serviço</h4>

        @if (!string.IsNullOrWhiteSpace(@Model.Atendimento.PrazosEEntregas.PrazoFinalizacaoServico))
        {
            <p>@Model.Atendimento.PrazosEEntregas.PrazoFinalizacaoServico</p>
        }

        @if (!string.IsNullOrWhiteSpace(@Model.Atendimento.PrazosEEntregas.PrazoRetiradaDocumento))
        {
            <p><strong>Prazo de retirar o documento:</strong> @Model.Atendimento.PrazosEEntregas.PrazoRetiradaDocumento</p>
        }

        @if (!string.IsNullOrWhiteSpace(@Model.Atendimento.PrazosEEntregas.OndeRetirarServico))
        {
            <p><strong>Onde retirar/receber:</strong> @Model.Atendimento.PrazosEEntregas.OndeRetirarServico</p>
        }

        @if (!string.IsNullOrWhiteSpace(@Model.Atendimento.PrazosEEntregas.ObservacaoPrazoRetirada))
        {
            <p><strong>Observação:</strong> @Model.Atendimento.PrazosEEntregas.ObservacaoPrazoRetirada</p>
        }
    </div>
}

谢谢， Hoisel

Answer 1

您可以编写一个有条件地输出内容的自定义助手：

public static class HtmlExtensions
{
    public static IHtmlString FormatValue(
        this HtmlHelper htmlHelper, 
        string value, 
        string label
    )
    {
        if (string.IsNullOrWhiteSpace(value))
        {
            return MvcHtmlString.Empty;
        }

        var result = string.Format(
            "<p><strong>{0}</strong> {1}</p>",
            htmlHelper.Encode(label),
            htmlHelper.Encode(value)
        );
        return new HtmlString(value);
    }
}

然后：

@Html.FormatValue(
    Model.Atendimento.PrazosEEntregas.ObservacaoPrazoRetirada, 
    "Observação:"
)

另一种可能性是使用显示模板：

@Html.DisplayFor(x => x.Atendimento.PrazosEEntregas.ObservacaoPrazoRetirada)

然后，您可以为字符串类型（或自定义类型）定义显示模板：

@model string
@if (!string.IsNullOrWhiteSpace(Model))
{
    <p>
        <strong>@ViewData.ModelMetadata.DisplayName</strong>
        @ViewData.TemplateInfo.FormattedModelValue
    </p>
}

并在您的视图模型上：

[DisplayName("Observação:")]
[UIHint("MyTemplate")]
public string ObservacaoPrazoRetirada { get; set; }

Answer 2

您可以通过重构一些代码来减少View中的代码：

<h4>Prazos e entrega do serviço</h4>

@{ PrazosEEntregas prazosEEntregas = Model.Atendimento.PrazosEEntregas; }

@if (!string.IsNullOrWhiteSpace(prazosEEntregas.PrazoFinalizacaoServico))
{
    <p>prazosEEntregas.PrazoFinalizacaoServico</p>
}
@if (!string.IsNullOrWhiteSpace(prazosEEntregas.PrazoRetiradaDocumento))
{
     //etc.
}

我已经猜到代码中prazosEEntregas的类型，您可能需要用正确的类型替换它。

Answer 3

处理模型的逻辑不是视图的工作。将该逻辑移动到适当的控制器中。

如果您的视图开始过大，请考虑一件事，开始制作部分视图。也许某些代码可以重复使用。

带Razor的条件显示元素

3 个答案: