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,所以整个标签业务可以简化一下.

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

解决方法

猜你在找的asp.Net相关文章