Additional parameters for TextBoxFor() in ASP.net MVC3

Question

I was using a textbox to do the following:

<input style="width:50px;" type="text" id="blah" value="@model.value1" @if(model.id!=1){ <text>disabled</text>}/>

This basically shows a textbox which is disabled under specific circumstances. I decided to replace this with a more "mvc-friendly" way.

@Html.TextBoxFor(m => model.value1, new { id = "blah" })

But not sure how to add in the disabled attribute (Dynamically) I can get it to do it statically easilly by adding a disabled=truevalue into the new{}.

I did try using this: @if (<condition>) { var disable = true; } @Html.TextBoxFor(m => model.value1, new { id = "blah", disabled = disable })

But this also didn't work. Am i taking the right approach here?

Darin Dimitrov · Accepted Answer · 2012-02-27 11:57:41Z

3

@{
    var attributes = new Dictionary<string, object>
    {
        { "id", "blah" }
    };
    if (<condition>) 
    { 
        attributes["disabled"] = "disabled";
    }
}
@Html.TextBoxFor(m => model.value1, attributes)

Obviously that's ugly as hell and you should never even be thinking of polluting your view like that. I would simply write a custom reusable HTML helper:

public static class HtmlExtensions
{
    public static IHtmlString MyTextBoxFor<TModel, TProperty>(
        this HtmlHelper<TModel> htmlHelper,
        Expression<Func<TModel, TProperty>> ex,
        object htmlAttributes,
        bool disabled
    )
    {
        var attributes = new RouteValueDictionary(htmlAttributes);
        if (disabled)
        {
            attributes["disabled"] = "disabled";
        }

        return htmlHelper.TextBoxFor(ex, attributes);
    }
}

that you could use in the view as simply as:

@Html.MyTextBoxFor(m => model.value1, new { id = "blah" }, <condition>)

edited Feb 27, 2012 at 11:57

answered Feb 27, 2012 at 11:52

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

1 Comment

JustAnotherDeveloper Over a year ago

Thanks, still getting used to custom HtmlHelpers. Really useful info!

undefined · Accepted Answer · 2012-02-28 02:56:50Z

2

You have a scope issue with the above disable doesn't exist outside the scope of the if statement,

my recommendation is this:

@Html.TextBoxFor(m => model.value1, new { id = "blah", disabled = (<condition>) })

EDIT:

You can use

   @Html.TextBoxFor(m => model.value1, new { id = "blah", disabled = (<condition>) ? "disabled" : "" })

If you want to insert the word disabled rather than a bool, from memory this is kinda a browser specific setting some are happy with "true" others with "disabled"

edited Feb 28, 2012 at 2:56

answered Feb 27, 2012 at 11:36

undefined

34.4k23 gold badges135 silver badges203 bronze badges

3 Comments

JustAnotherDeveloper Over a year ago

This validates fine, but I think as im using the word "disabled" it automatically disables the box.

undefined Over a year ago

See my edit, you can use a ternary operator in-line to give different values based on an if statement.

hjgraca Over a year ago

disabled keyword automatically disables inputs

Collectives™ on Stack Overflow

Additional parameters for TextBoxFor() in ASP.net MVC3

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related