Dynamically disabling form fields in MVC 3 with Razor

Question

I have a large form in a Razor view and want to make certain form elements disabled depending on the state of the model object I'm passing in. So some logic has to be defined to determine whether to show this element, make it read-only or make it editable.

My current thinking is leading me to define some Razor @helper's with the logic there, although I'm not sure if that's the best way to do it. Kind of like ...

@helper determineElementStatus(string modelProperty)
{
  if (modelProperty == someState) {
    @Html.TextBoxFor....etc
  }
}

@determineElementStatus(model.someProperty)

Indeed I'm not sure if the view is the right place. It is presentation logic in the fact that it changes the appearance of the form, but is it best place elsewhere and how??. Help would be appreciated.

Mangesh · Accepted Answer · 2011-09-21 22:39:29Z

5

In the View you can control the logic of the change css. eg Depending the value of the Model values i create the displayMode and apply it to the Html.

  @{
        string isInherited = Model.IsInheritedValue ? "editor-field inherColor" : "editor-field";
        object displayMode = Model.IsDisabled ? new { @disabled = "disabled", @class = isInherited } : (object)new { @class = isInherited };
    }

So now whenever you show

@Html.TextBoxFor(x => x.Value, displayMode)

The displayMode will determine how to show it. hope this helps.

answered Sep 21, 2011 at 22:39

Mangesh

3,9972 gold badges35 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

Dynamically disabling form fields in MVC 3 with Razor

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related