[asp.net-mvc] Html.TextBoxFor에 대한 조건에 따라 비활성화 속성 설정

Question 1

asp.net MVC에서 Html.TextBoxFor에 대한 조건에 따라 비활성화 속성을 설정하고 싶습니다.

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

이 도우미에는 두 개의 출력이 disabled = “disabled”또는 disabled = “”입니다. 두 테마 모두 텍스트 상자를 비활성화합니다.

Model.ExpireDate == null이면 텍스트 상자를 비활성화하고 싶습니다. 그렇지 않으면 활성화하고 싶습니다.

Question 2

유효한 방법은 다음과 같습니다.

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"
    }
)

Question 3

실제로 내부 동작은 익명 객체를 사전으로 변환합니다. 그래서이 시나리오에서 제가하는 일은 사전을 찾는 것입니다.

@{
  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 { })

Question 4

나는 Darin 방법을 좋아합니다. 하지만이 문제를 빠르게 해결하는 방법은

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

Question 5

내가 사용한 한 가지 간단한 접근 방식은 조건부 렌더링입니다.

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

Question 6

html 도우미를 사용하지 않는 경우 다음과 같은 간단한 삼항 표현식을 사용할 수 있습니다.

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

Question 7

일부 확장 방법을 사용하여 달성했습니다.

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)

Question 8

이것은 늦었지만 어떤 사람들에게는 도움이 될 수 있습니다.

@DarinDimitrov의 답변을 확장하여 disabled="disabled" checked="checked", selected="selected"등 의 부울 html 속성을 취하는 두 번째 개체를 전달할 수 있습니다 .

속성 값이 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})