blocks|key|625769|text|实际上，内部行为是将匿名对象转换为字典。所以我在这些场景中所做的就是去找一本字典：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|625770|@{
++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+})|code-block|syntax|javascript|625771|或者，正如斯蒂芬评论的那样，here|offset|length|625772|@Html.EditorFor(m+=>+m.Description,
++++Model.IsDisabled+?+(object)new+{+disabled+=+"disabled"+}+:+(object)new+{+})|625773|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/29247726/how-do-i-conditionally-specify-whether-html-input-is-disabled-readonly-or-not/29247861?noredirect=1#comment46700636_29247726^0|0|0|E|4|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Actually, the internal behavior is translating the anonymous object to a dictionary.
So what I do in these scenarios is go for a dictionary:

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

Or, as Stephen commented <a href="https://stackoverflow.com/questions/29247726/how-do-i-conditionally-specify-whether-html-input-is-disabled-readonly-or-not/29247861?noredirect=1#comment46700636_29247726">here</a>:

<pre><code>@Html.EditorFor(m =&gt; m.Description,
 Model.IsDisabled ? (object)new { disabled = "disabled" } : (object)new { })
</code></pre>

blocks|key|625412|text|我喜欢Darin方法。但快速解决这个问题的方法是，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|625413|Html.TextBox("Expiry",+null,+new+{+style+=+"width:+70px;",+maxlength+=+"10",+id+=+"expire-date",+disabled+=+"disabled"+}).ToString().Replace("disabled=\"disabled\"",+(1+==+2+?+""+:+"disabled=\"disabled\""))|code-block|syntax|javascript|625414|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I like Darin method. But quick way to solve this,

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

blocks|key|841426|text|我使用的一种简单方法是条件渲染：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|841427|@(Model.ExpireDate+==+null+?+
++@Html.TextBoxFor(m+=>+m.ExpireDate,+new+{+@disabled+=+"disabled"+})+:+
++@Html.TextBoxFor(m+=>+m.ExpireDate)
)|code-block|syntax|javascript|841428|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

One simple approach I have used is conditional rendering:

<pre><code>@(Model.ExpireDate == null ? 
 @Html.TextBoxFor(m =&gt; m.ExpireDate, new { @disabled = "disabled" }) : 
 @Html.TextBoxFor(m =&gt; m.ExpireDate)
)
</code></pre>

blocks|key|626053|text|如果你不使用html助手，你可以使用简单的三元表达式，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|626054|<input+name="Field"
+++++++value="@Model.Field"+tabindex="0"
+++++++@(Model.IsDisabledField+?+"disabled=\"disabled\""+:+"")>|code-block|syntax|javascript|626055|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you don't use html helpers you may use simple ternary expression like this:

<pre><code>&lt;input name="Field"
 value="@Model.Field" tabindex="0"
 @(Model.IsDisabledField ? "disabled=\"disabled\"" : "")&gt;
</code></pre>

blocks|key|841548|text|我使用了一些扩展方法来实现它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|841549|private+const+string+endFieldPattern+=+"%5E(.*?)>";

++++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);
++++}|code-block|syntax|javascript|841550|然后..。|841551|@Html.TextBoxFor(model+=>+model.Name,+new+{+@class=+"someclass"}).IsDisabled(Model.ExpireDate+==+null)|841552|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I achieved it using some extension methods

<pre><code>private const string endFieldPattern = "^(.*?)&gt;";

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

 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\"&gt;");
 }

 return new MvcHtmlString(rawString);
 }
</code></pre>

and then....

<pre><code>@Html.TextBoxFor(model =&gt; model.Name, new { @class= "someclass"}).IsDisabled(Model.ExpireDate == null)
</code></pre>

blocks|key|841683|text|使用RouteValueDictionary+(和htmlAttributes一样好用，因为它是基于IDictionary的)和一个扩展方法解决这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|841684|public+static+RouteValueDictionary+AddIf(this+RouteValueDictionary+dict,+bool+condition,+string+name,+object+value)
{
++++if+(condition)+dict.Add(name,+value);
++++return+dict;
}|code-block|syntax|javascript|841685|用法：|841686|@Html.TextBoxFor(m+=>+m.GovId,+new+RouteValueDictionary(new+{+@class+=+"form-control"+})
.AddIf(Model.IsEntityFieldsLocked,+"disabled",+"disabled"))|841687|功劳归于https://stackoverflow.com/a/3481969/40939|offset|length|841688|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/3481969/40939^0|0|0|0|0|4|15|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Is solved this using RouteValueDictionary (works fine as htmlAttributes as it's based on IDictionary) and an extension method: 

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

Usage: 

<pre><code>@Html.TextBoxFor(m =&gt; m.GovId, new RouteValueDictionary(new { @class = "form-control" })
.AddIf(Model.IsEntityFieldsLocked, "disabled", "disabled"))
</code></pre>

Credit goes to <a href="https://stackoverflow.com/a/3481969/40939">https://stackoverflow.com/a/3481969/40939</a>

blocks|key|841276|text|虽然为时已晚，但可能会对某些人有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|841277|我扩展了@DarinDimitrov的答案，允许传递第二个对象，该对象接受任意数量的布尔型html属性，如disabled="disabled"+checked="checked",+selected="selected"等。|offset|length|style|CODE|841278|只有当属性值为true时，它才会呈现该属性，否则将根本不呈现该属性。|841279|自定义的可重用HtmlHelper：|841280|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;
++++}

}|code-block|syntax|javascript|841281|您可以这样使用它：|841282|@Html.MyTextBoxFor(m+=>+Model.Employee.Name
+++++++++++++++++++,+new+{+@class+=+"x-large"+,+placeholder+=+"Type+something…"+}
+++++++++++++++++++,+new+{+disabled+=+true})|841283|entityMap^0|0|1H|1M|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|12|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|N|7|14|8|@]|9|@]|A|$O|P]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

This is late, but may be helpful to some people. 

I have extended @DarinDimitrov's answer to allow for passing a second object that takes any number of boolean html attributes like <code>disabled="disabled" checked="checked", selected="selected"</code> etc. 

It will render the attribute only if the property value is true, anything else and the attribute will not be rendered at all. 

The custom reuseble HtmlHelper:

<pre><code>public static class HtmlExtensions
{
 public static IHtmlString MyTextBoxFor&lt;TModel, TProperty&gt;(this HtmlHelper&lt;TModel&gt; htmlHelper,
 Expression&lt;Func&lt;TModel, TProperty&gt;&gt; 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;
 }

}
</code></pre>

Which you can use like so:

<pre><code>@Html.MyTextBoxFor(m =&gt; Model.Employee.Name
 , new { @class = "x-large" , placeholder = "Type something…" }
 , new { disabled = true})
</code></pre>

blocks|key|626013|text|如果您不想使用Html+Helpers，请看我的解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|626014|disabled="@(your+Expression+that+returns+true+or+false")"|code-block|syntax|javascript|626015|这就是它|626016|@{
++++bool+isManager+=+(Session["User"]+as+User).IsManager;
}
<textarea+rows="4"+name="LetterManagerNotes"+disabled="@(!isManager)"></textarea>|626017|我认为更好的方法是在控制器中进行检查，并将其保存在视图(Razor引擎)内可访问的变量中，以便创建the+view+free+from+business+logic|offset|length|style|CODE|626018|entityMap^0|0|0|0|0|1D|X|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

if you dont want to use Html Helpers
take look it my solution 

<pre><code>disabled="@(your Expression that returns true or false")"
</code></pre>

that it 

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

and I think the better way to do it is to do that check in the controller and save it within a variable that is accessible inside the view(Razor engine) in order to make <code>the view free from business logic</code>

blocks|key|625618|text|另一种解决方案是在调用TextBoxFor之前创建一个Dictionary<string,+object>并传递该字典。在字典中，仅当要禁用文本框时才添加"disabled"键。这不是最简洁的解决方案，但简单明了。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|625619|entityMap^0|B|A|R|Q|25|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

Yet another solution would be to create a <code>Dictionary&lt;string, object&gt;</code> before calling <code>TextBoxFor</code> and pass that dictionary. In the dictionary, add <code>"disabled"</code> key only if the textbox is to be diabled. Not the neatest solution but simple and straightforward.

blocks|key|841230|text|另一种方法是禁用客户端的文本框。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|841231|在您的例子中，您只有一个需要禁用的文本框，但考虑到您有多个需要禁用的输入、选择和文本区域字段的情况。|841232|通过jquery+%2B实现这一点要容易得多(因为我们不能依赖来自客户端的数据)向控制器添加一些逻辑，以防止这些字段被保存。|841233|下面是一个示例：|841234|<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);
++}
}|code-block|syntax|javascript|841235|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Another approach is to disable the text box on the client side. 

In your case you have only one textbox that you need to disable but consider the case where you have multiple input, select, and textarea fields that yout need to disable. 

It is much easier to do it via jquery + (since we can not rely on data coming from the client) add some logic to the controller to prevent these fields from being saved.

Here is an example:

<pre><code>&lt;input id="document_Status" name="document.Status" type="hidden" value="2" /&gt;

$(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);
 }
}
</code></pre>

blocks|key|626080|text|我喜欢扩展方法方法，这样您就不必传递所有可能的参数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|626081|但是，使用正则表达式可能会相当棘手(并且会稍微慢一点)，所以我使用了XDocument：|offset|length|style|CODE|626082|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());
}|code-block|syntax|javascript|626083|像这样使用扩展方法：|626084|@Html.EditorFor(m+=>+m.MyProperty).SetDisabled(Model.ExpireDate+==+null)|626085|entityMap^0|0|Y|9|0|0|0|0|20|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@$D|Z|E|10|F|G]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

I like the extension method approach so you don't have to pass through all possible parameters. 
However using Regular expressions can be quite tricky (and somewhat slower) so I used <code>XDocument</code> instead:

<pre class="lang-cs prettyprint-override"><code>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());
}
</code></pre>

Use the extension method like this: 
<code>@Html.EditorFor(m =&gt; m.MyProperty).SetDisabled(Model.ExpireDate == null)</code>

I want to set disable attribute based on a condition for Html.TextBoxFor in asp.net MVC like below

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

This helper has two output disabled="disabled " or disabled="". both of theme make the textbox disable.

I want to disable the textbox if Model.ExpireDate == null else I want to enable it

Set disable attribute based on a condition for Html.TextBoxFor

我想根据asp.net MVC中的Html.TextBoxFor条件设置disable属性，如下所示@Html.TextBoxFor(model => model.ExpireDate, new { style = "width: 70px;", maxlength = "10", id = "expire-date" disabled = (Model.ExpireDate == null ? 

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

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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