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이면 텍스트 상자를 비활성화하고 싶습니다. 그렇지 않으면 활성화하고 싶습니다.
답변:
유효한 방법은 다음과 같습니다.
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"
}
)
실제로 내부 동작은 익명 객체를 사전으로 변환합니다. 그래서이 시나리오에서 제가하는 일은 사전을 찾는 것입니다.
@{
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 })
@Html.EditorFor(m => m.Description,
Model.IsDisabled ? (object)new { disabled = "disabled" } : (object)new { })
나는 Darin 방법을 좋아합니다. 하지만이 문제를 빠르게 해결하는 방법은
Html.TextBox("Expiry", null, new { style = "width: 70px;", maxlength = "10", id = "expire-date", disabled = "disabled" }).ToString().Replace("disabled=\"disabled\"", (1 == 2 ? "" : "disabled=\"disabled\""))
내가 사용한 한 가지 간단한 접근 방식은 조건부 렌더링입니다.
@(Model.ExpireDate == null ?
@Html.TextBoxFor(m => m.ExpireDate, new { @disabled = "disabled" }) :
@Html.TextBoxFor(m => m.ExpireDate)
)
html 도우미를 사용하지 않는 경우 다음과 같은 간단한 삼항 표현식을 사용할 수 있습니다.
<input name="Field"
value="@Model.Field" tabindex="0"
@(Model.IsDisabledField ? "disabled=\"disabled\"" : "")>
일부 확장 방법을 사용하여 달성했습니다.
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)
이것은 늦었지만 어떤 사람들에게는 도움이 될 수 있습니다.
@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})
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"))
Html Helpers를 사용하고 싶지 않다면 내 솔루션을 살펴보십시오.
disabled="@(your Expression that returns true or false")"
그것은 그
@{
bool isManager = (Session["User"] as User).IsManager;
}
<textarea rows="4" name="LetterManagerNotes" disabled="@(!isManager)"></textarea>
더 나은 방법은 컨트롤러에서 확인하고 뷰 (Razor 엔진) 내에서 액세스 할 수있는 변수 내에 저장하여 the view free from business logic
또 다른 해결책은 Dictionary<string, object>호출하기 전에을 만들고 TextBoxFor해당 사전을 전달하는 것입니다. 사전 "disabled"에서 텍스트 상자가 비활성화되는 경우에만 키를 추가하십시오 . 가장 깔끔한 솔루션은 아니지만 간단하고 간단합니다.
또 다른 방법은 클라이언트 측에서 텍스트 상자를 비활성화하는 것입니다.
귀하의 경우 비활성화해야 할 텍스트 상자가 하나만 있지만 비활성화 할 필요가없는 여러 입력, 선택 및 텍스트 영역 필드가있는 경우를 고려하십시오.
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);
}
}
확장 메서드 접근 방식을 좋아하므로 가능한 모든 매개 변수를 통과 할 필요가 없습니다.
그러나 정규식을 사용하는 것은 상당히 까다로울 수 있으므로 (그리고 다소 느릴 수 있으므로) 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)