How do I conditionally specify whether HTML input is disabled/readonly OR NOT? [duplicate]

Question

Here's a sample of what I'm trying to achieve:

@Html.EditorFor(m => m.Description, 
  new { htmlAttributes = 
    new 
    {
      @class = "form-control",
      @readonly = Model.IsReadOnly,
      disabled = Model.IsDisabled
    }
  })

The problem is that the browser treats the existence of the readonly and disabled tokens without checking for their content, so when the IsReadOnly and IsDisabled properties are false, it will still show as disabled.

Is there any simple solution for that?

You would need to test each condition - e.g. @Html.EditorFor(m => m.Description, Model.IsDisabled ? (object)new { disabled = "disabled" } : (object)new { }) — user3559349
– user3559349, Commented Mar 25, 2015 at 5:10
@StephenMuecke by far the most convenient answer. Why not write a proper answer? — Shimmy Weitzhandler
– Shimmy Weitzhandler, Commented Mar 25, 2015 at 5:13
@Shimmy, Just showing what you could do, but its going to be rather long and messy because you have 2 conditions to check (Model.IsReadOnly and Model.IsDisabled). If this is not a 'once off' I would consider a custom helper (and do you really want to disable controls? - they wont post back). — user3559349
– user3559349, Commented Mar 25, 2015 at 5:17
@StephenMuecke, just included them for the sake of the example. Anyway, I've found an elegant solution and posted it here, since this question is closed as a dupe. — Shimmy Weitzhandler
– Shimmy Weitzhandler, Commented Mar 25, 2015 at 5:37

Kartikeya Khosla · Accepted Answer · 2015-03-25 05:09:35Z

1

HTML :-

@Html.EditorFor(m => m.Description, 
  new { htmlAttributes = 
    new 
    {
      @class = "form-control"
    }
});

Try using jQuery as shown :-

if(@Json.Encode(Model.IsReadOnly))
{
   $('#Description').attr('readonly','readonly')
}

if(@Json.Encode(Model.IsDisabled))
{
   $('#Description').attr('disabled','disabled')
}

answered Mar 25, 2015 at 5:09

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I conditionally specify whether HTML input is disabled/readonly OR NOT? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related