包含 Razor 语句的 MvcHtmlString答案

【问题标题】：MvcHtmlString with Razor statements included包含 Razor 语句的 MvcHtmlString
【发布时间】：2014-11-21 07:42:59
【问题描述】：

我发现自己经常重复这个代码块......

        <div class="form-group">
            <div class="col-sm-3 control-label">
                @Html.LabelFor(m => m.Name)
            </div>
            <div class="col-sm-9">
                @Html.TextBoxFor(m => m.Name, null, new { @class = "form-control" })
                @Html.ValidationMessageFor(m => m.Name)
            </div>
        </div>

我一直在尝试创建一个 MvcHtmlString 自定义扩展，但它假定 @Html.LabelFor 命令是文本并且这就是显示的内容。

编辑：谢谢乔和斯蒂芬！这就是我所缺少的。

这是我的代码块的最终答案

    static MvcHtmlString BaseFieldFor<TModel>(this HtmlHelper<TModel> helper, Expression<Func<TModel, string>> expression, MvcHtmlString innerHtml, string style = null) {

        var labelDiv = new TagBuilder("div");

        labelDiv.AddCssClass("col-sm-3 control-label");
        labelDiv.InnerHtml += helper.LabelFor(expression, new {
            htmlAttributes = new { @class = "form-control" }
        });

        var textDiv = new TagBuilder("div");

        textDiv.AddCssClass("col-md-9");
        textDiv.InnerHtml += innerHtml;
        textDiv.InnerHtml += helper.ValidationMessageFor(expression);

        var groupDiv = new TagBuilder("div");

        groupDiv.AddCssClass("form-group");
        groupDiv.InnerHtml += labelDiv;
        groupDiv.InnerHtml += textDiv;

        return new MvcHtmlString(groupDiv.ToString(TagRenderMode.Normal));
    }

和用途

    public static MvcHtmlString FieldFor<TModel>(this HtmlHelper<TModel> helper, Expression<Func<TModel, string>> expression, string style = null) {

        var innerHtml = helper.TextBoxFor(expression, null, new { @class = "form-control", style });

        return BaseFieldFor(helper, expression, innerHtml, style);
    }

    public static MvcHtmlString DropDownListFor<TModel>(this HtmlHelper<TModel> helper, Expression<Func<TModel, string>> expression, IEnumerable<SelectListItem> list, string style = null){

        var innerHtml = helper.DropDownListFor(expression, new SelectList(list, "Value", "Text"), new { @class = "form-control", style });

        return BaseFieldFor(helper, expression, innerHtml, style);
    }

现在我可以简单地使用它了！

    <div class="panel-body form-horizontal">
        @Html.FieldFor(m => m.Name)
        @Html.FieldFor(m => m.Address1)
        @Html.FieldFor(m => m.Address2)
        @Html.FieldFor(m => m.City)
        @Html.DropDownListFor(m => m.State, AllowableValues.StateList, "max-width: 200px;")
        @Html.FieldFor(m => m.PostalCode, "max-width: 150px;")
        @Html.FieldFor(m => m.Phone, "max-width: 150px;")
    </div>

【问题讨论】：

局部视图或应用程序/本地助手怎么样？

标签： razor asp.net-mvc-5

【解决方案1】：

您的助手需要使用内置的助手方法来生成您的 html。例如

MvcHtmlString label = LabelExtensions.LabelFor(helper, expression});

Refer this example 用于创建输出类似 html 的帮助程序，包括标签、文本框和验证消息。

【讨论】：

我必须向斯蒂芬指出这一点，因为他的链接非常有用。

【解决方案2】：

您无法以您尝试这样做的方式调用 HTML 帮助程序。它所要做的就是将其视为文本输出，输出您已经看到的结果。

相反，您需要按照以下方式引用 HTML 帮助器：

string yourString = "Your string " + helper.LabelFor("text", "actionName");

【讨论】：