根据Html.TextBoxFor的条件设置禁用属性


80

我想基于asp.net MVC中的Html.TextBoxFor的条件设置禁用属性,如下所示

@Html.TextBoxFor(model => model.ExpireDate, new { style = "width: 70px;", maxlength = "10", id = "expire-date" disabled = (Model.ExpireDate == null ? "disable" : "") })

该帮助器有两个输出disable =“ disabled”或disabled =“”。这两个主题都使文本框禁用。

如果Model.ExpireDate == null,我想禁用文本框,否则我想启用它


Answers:


85

有效方法是:

disabled="disabled"

浏览器也可能接受, disabled=""但我建议您采用第一种方法。

现在说了这一点,我建议您编写一个自定义HTML帮助器,以将禁用功能封装到可重用的代码段中:

using System;
using System.Linq.Expressions;
using System.Web;
using System.Web.Mvc;
using System.Web.Mvc.Html;
using System.Web.Routing;

public static class HtmlExtensions
{
    public static IHtmlString MyTextBoxFor<TModel, TProperty>(
        this HtmlHelper<TModel> htmlHelper, 
        Expression<Func<TModel, TProperty>> expression, 
        object htmlAttributes, 
        bool disabled
    )
    {
        var attributes = new RouteValueDictionary(htmlAttributes);
        if (disabled)
        {
            attributes["disabled"] = "disabled";
        }
        return htmlHelper.TextBoxFor(expression, attributes);
    }
}

您可以这样使用:

@Html.MyTextBoxFor(
    model => model.ExpireDate, 
    new { 
        style = "width: 70px;", 
        maxlength = "10", 
        id = "expire-date" 
    }, 
    Model.ExpireDate == null
)

您可以为该帮助程序带来更多的智能

public static class HtmlExtensions
{
    public static IHtmlString MyTextBoxFor<TModel, TProperty>(
        this HtmlHelper<TModel> htmlHelper,
        Expression<Func<TModel, TProperty>> expression,
        object htmlAttributes
    )
    {
        var attributes = new RouteValueDictionary(htmlAttributes);
        var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
        if (metaData.Model == null)
        {
            attributes["disabled"] = "disabled";
        }
        return htmlHelper.TextBoxFor(expression, attributes);
    }
}

这样,您现在不再需要指定禁用条件:

@Html.MyTextBoxFor(
    model => model.ExpireDate, 
    new { 
        style = "width: 70px;", 
        maxlength = "10", 
        id = "expire-date" 
    }
)

如果Model.ExpireDate == null,我想禁用文本框,否则我想启用它
Ghooti Farangi 2011年

4
这个解决方案很棒-就它所能解决的问题...但是最好找到一个干净的解决方案,它不需要在我们使用的每个HtmlHelper周围都包装一个可能具有禁用属性(TextBoxFor,TextAreaFor,CheckBoxFor等) 。)理想情况下,可以与现有的内容协同工作。我建立了一个解决方案,该解决方案基本上只是包装匿名对象并返回RouteValueDictionary-但感觉并不特别干净。
Mir

3
“ disabled”,“ disabled =””和“ disabled ='disabled'”在html中都是同等有效的,并且误导(和错误)的说法是较短的只能被不同的浏览器接受。cf. dev.w3.org/html5/markup/syntax.html#syntax-attr-empty
Shautieh 2013年

52

实际上,内部行为是将匿名对象翻译成字典。所以我在这些情况下要做的就是去字典:

@{
  var htmlAttributes = new Dictionary<string, object>
  {
    { "class" , "form-control"},
    { "placeholder", "Why?" }        
  };
  if (Model.IsDisabled)
  {
    htmlAttributes.Add("disabled", "disabled");
  }
}
@Html.EditorFor(m => m.Description, new { htmlAttributes = htmlAttributes })

或者,正如Stephen在这里评论的那样:

@Html.EditorFor(m => m.Description,
    Model.IsDisabled ? (object)new { disabled = "disabled" } : (object)new { })

@ Html.EditorFor(m => m.Description,Model.IsDisabled?(object)new {disable =“ disabled”}:(object)new {})=>这似乎是最好的方法。谢谢
胭脂红检查器

23

我喜欢达林的方法。但是解决这个问题的快捷方法

Html.TextBox("Expiry", null, new { style = "width: 70px;", maxlength = "10", id = "expire-date", disabled = "disabled" }).ToString().Replace("disabled=\"disabled\"", (1 == 2 ? "" : "disabled=\"disabled\""))

1
我认为您应该使用@ Html.Raw()包围它
Shadi Namrouti,

14

我使用的一种简单方法是条件渲染:

@(Model.ExpireDate == null ? 
  @Html.TextBoxFor(m => m.ExpireDate, new { @disabled = "disabled" }) : 
  @Html.TextBoxFor(m => m.ExpireDate)
)

13

如果您不使用html helper,则可以使用简单的三元表达式,如下所示:

<input name="Field"
       value="@Model.Field" tabindex="0"
       @(Model.IsDisabledField ? "disabled=\"disabled\"" : "")>

13

我通过一些扩展方法实现了它

private const string endFieldPattern = "^(.*?)>";

    public static MvcHtmlString IsDisabled(this MvcHtmlString htmlString, bool disabled)
    {
        string rawString = htmlString.ToString();
        if (disabled)
        {
            rawString = Regex.Replace(rawString, endFieldPattern, "$1 disabled=\"disabled\">");
        }

        return new MvcHtmlString(rawString);
    }

    public static MvcHtmlString IsReadonly(this MvcHtmlString htmlString, bool @readonly)
    {
        string rawString = htmlString.ToString();
        if (@readonly)
        {
            rawString = Regex.Replace(rawString, endFieldPattern, "$1 readonly=\"readonly\">");
        }

        return new MvcHtmlString(rawString);
    }

然后....

@Html.TextBoxFor(model => model.Name, new { @class= "someclass"}).IsDisabled(Model.ExpireDate == null)

作品如果你改变rawstring.Length - 2 7,并添加“”最后之后”
约瑟夫Krchňavý

不适用于TextAreaFor,需要适用于所有输入类型的解决方案
erhan355

10

这很晚,但可能对某些人有帮助。

我扩展了@DarinDimitrov的答案,以允许传递第二个对象,该对象采用任意数量的布尔html属性,例如disabled="disabled" checked="checked", selected="selected"etc。

仅当属性值为true时,它才会呈现属性,其他所有内容和属性都将不呈现。

自定义可重用的HtmlHelper:

public static class HtmlExtensions
{
    public static IHtmlString MyTextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper,
                                                                Expression<Func<TModel, TProperty>> expression,
                                                                object htmlAttributes,
                                                                object booleanHtmlAttributes)
    {
        var attributes = new RouteValueDictionary(htmlAttributes);

        //Reflect over the properties of the newly added booleanHtmlAttributes object
        foreach (var prop in booleanHtmlAttributes.GetType().GetProperties())
        {
            //Find only the properties that are true and inject into the main attributes.
            //and discard the rest.
            if (ValueIsTrue(prop.GetValue(booleanHtmlAttributes, null)))
            {
                attributes[prop.Name] = prop.Name;
            }                
        }                                

        return htmlHelper.TextBoxFor(expression, attributes);
    }

    private static bool ValueIsTrue(object obj)
    {
        bool res = false;
        try
        {
            res = Convert.ToBoolean(obj);
        }
        catch (FormatException)
        {
            res = false;
        }
        catch(InvalidCastException)
        {
            res = false;
        }
        return res;
    }

}

您可以这样使用:

@Html.MyTextBoxFor(m => Model.Employee.Name
                   , new { @class = "x-large" , placeholder = "Type something…" }
                   , new { disabled = true})

9

使用RouteValueDictionary(基于IDictionary可以很好地用作htmlAttributes)和扩展方法解决此问题:

public static RouteValueDictionary AddIf(this RouteValueDictionary dict, bool condition, string name, object value)
{
    if (condition) dict.Add(name, value);
    return dict;
}

用法:

@Html.TextBoxFor(m => m.GovId, new RouteValueDictionary(new { @class = "form-control" })
.AddIf(Model.IsEntityFieldsLocked, "disabled", "disabled"))

积分转至https://stackoverflow.com/a/3481969/40939


恕我直言,这是最好的答案
JenonD

6

如果您不想使用HTML Helper,请看一下我的解决方案

disabled="@(your Expression that returns true or false")"

那个

@{
    bool isManager = (Session["User"] as User).IsManager;
}
<textarea rows="4" name="LetterManagerNotes" disabled="@(!isManager)"></textarea>

我认为更好的方法是检查控制器并将其保存在可在view(Razor引擎)内部访问的变量中 the view free from business logic


7
如果在控件中使用Disabled属性,则无论该属性具有什么值,该控件都将被禁用。即使存在不带值的属性也会禁用控件。
令人讨厌的家伙

2
该解决方案确实非常有效,我怀疑拒绝投票的人可能忽略了该表达式为布尔值。当表达式为布尔值时,如果表达式为true,则disable属性将呈现为disabled =“ disabled”;如果为false,则将其完全省略。正是您想要的。
卡斯滕

这将呈现disable =“ false”或Disabled =“ true”,不是吗?
安德兹'18

4

另一个解决方案是Dictionary<string, object>在调用之前创建一个TextBoxFor并传递该字典。在字典中,"disabled"仅当要禁用文本框时才添加键。不是最巧妙的解决方案,而是简单明了的解决方案。


2

另一种方法是在客户端禁用文本框。

在您的情况下,您仅需要禁用一个文本框,但请考虑您需要禁用多个输入,选择和textarea字段的情况。

通过jquery +进行操作要容易得多(因为我们不能依靠来自客户端的数据)向控制器添加一些逻辑以防止这些字段被保存。

这是一个例子:

<input id="document_Status" name="document.Status" type="hidden" value="2" />

$(document).ready(function () {

    disableAll();
}

function disableAll() {
  var status = $('#document_Status').val();

  if (status != 0) {
      $("input").attr('disabled', true);
      $("textarea").attr('disabled', true);
      $("select").attr('disabled', true);
  }
}

0

我喜欢扩展方法,因此您不必传递所有可能的参数。
但是,使用正则表达式可能会非常棘手(并且速度稍慢),所以我XDocument改用了:

public static MvcHtmlString SetDisabled(this MvcHtmlString html, bool isDisabled)
{
    var xDocument = XDocument.Parse(html.ToHtmlString());
    if (!(xDocument.FirstNode is XElement element))
    {
        return html;
    }

    element.SetAttributeValue("disabled", isDisabled ? "disabled" : null);
    return MvcHtmlString.Create(element.ToString());
}

使用如下扩展方法:
@Html.EditorFor(m => m.MyProperty).SetDisabled(Model.ExpireDate == null)

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.