asp.net-mvc-3 – 在html标签中添加html输入

所以我使用了 Twitter Bootstrap,我的大部分表单看起来都很棒

<div class="control-group">
            @Html.LabelFor(m => m.Prop)
            <div class="controls">
                @Html.EditorFor(m => m.Prop)
            </div>
            @Html.ValidationMessageFor(model => model.Prop)
        </div>

唯一的问题是无线电按钮和复选框. Twitter Bootstrap调用HTML5样式标签,其中包含无线电或复选框输入内部的标签标签

<label class="checkBox">
           <input type="checkBox"> Check me out
        </label>

如果我不能用@Html创建这些,或者重载,我至少可以使用Labelfor创建的文本？

<label class="checkBox">
           @Html.EditorFor(m=> m.Prop)
           @Html.TheVariableThatContainsTheTextThatLabelForUsesFor(m => m.Prop)
        </label>

解决方法

为什么你不能用@Html创建这些.如果你编写自己的扩展方法(见下文),应该这样做吗？

public static class HtmlHelperExtensions
    {
        public static MvcHtmlString MyCheckBoxFor<TModel>(this HtmlHelper<TModel> htmlHelper,Expression<Func<TModel,bool>> expression,object htmlLabelAttributes = null,object htmlCheckBoxAttributes = null)
        {
            var checkBox = htmlHelper.CheckBoxFor(expression,htmlCheckBoxAttributes);

            var labelTag = new TagBuilder("label");
            labelTag.AddCssClass("checkBox");
            labelTag.MergeAttributes(HtmlHelper.AnonymousObjectToHtmlAttributes(htmlLabelAttributes));
            labelTag.InnerHtml = checkBox.ToString();

            return new MvcHtmlString(labelTag.ToString());
        }
    }

编辑：

这个修订版本怎么样这正是标签所做的.

public static class HtmlHelperExtensions
{
    public static MvcHtmlString MyCheckBoxFor<TModel>(this HtmlHelper<TModel> htmlHelper,object htmlCheckBoxAttributes = null)
    {
        var checkBox = htmlHelper.CheckBoxFor(expression,htmlCheckBoxAttributes);

        var labelTag = new TagBuilder("label");
        var checkBoxName = ExpressionHelper.GetExpressionText(expression);
        labelTag.AddCssClass("checkBox");
        labelTag.MergeAttributes(HtmlHelper.AnonymousObjectToHtmlAttributes(htmlLabelAttributes));
        labelTag.InnerHtml = checkBox.ToString() + LabelHelper(ModelMetadata.FromLambdaExpression(expression,htmlHelper.ViewData),checkBoxName);

        return new MvcHtmlString(labelTag.ToString());
    }

    private static MvcHtmlString LabelHelper(ModelMetadata Metadata,string fieldName)
    {
        string labelText;
        var displayName = Metadata.displayName;

        if (displayName == null)
        {
            var propertyName = Metadata.PropertyName;

            labelText = propertyName ?? fieldName.Split(new[] { '.' }).Last();
        }
        else
        {
            labelText = displayName;
        }

        if (string.IsNullOrEmpty(labelText))
        {
            return MvcHtmlString.Empty;
        }

        return new MvcHtmlString(labelText);
    }
}

我应该注意,使用MVC 4有一个displayNameFor Helper,所以整个标签业务可以简化一下.