How to disable a button more elegantly

Question

I have on one of my views the following razor code:

@if (item.PMApproved != true) {
                    

        

Answer 1

<button @(isEnabled ? null : "disabled")>Butt</button>

Answer 2

Using asp.net mvc5 razor:

@if(condition)
{
   <button data-toggle="collapse" data-target="#content">Details</button>
}
else
{
   <button disabled>Details</button>
}

It prevents attempting to enable button from DevTools, because razor not visible for DevTools

Answer 3

<input type="button" value="Reset" @{@((!item.PMApproved) ? null : new { disabled = "disabled" })}; />

No need for that bloated code, just keep it simple :-)

Answer 4

A markup-centric solution aided by a new extension method:

public static class HtmlExtensions
{
   public static HtmlString DisabledIf(this HtmlHelper html, bool condition)
   {
      return new HtmlString(condition ? "disabled=\"disabled\"" : "");
   }
}

In your views, reuse out the wazoo:

<button type="reset" @Html.DisabledIf(someCondition)>Clear Fields</button>

Nicely reusable, and the rendered markup is very clean with regards to whitespace:

<button type="reset" disabled="disabled">Clear Fields</button>

Answer 5

try this

<button type="submit" disabled="@(!item.PMApproved)"></button>

Answer 6

Possible easy way:

<input type="button" @(item.PMApproved ? "disabled" : "") />