Setting text box visibility in the MVC3 Razor view engine

Question

I am new to MVC 3, a razor viewing engine. I want to set the visibility of a text field at runtime according to the value in my view model.

But the code below does not work.

<td> @Html.TextBox("CompanyName", "", new { visible = "false" }) </td> 

Once the above code starts working, I can place @Model.EnableCompanyName instead of hardcoded "false".

So please help me in fixing the code above.

Answer 1

This will change the display type based on your bool Model.EnableCompanyName :)

Hope this helps!

 @{ String displayMode = (Model.EnableCompanyName) ? "inline" : "none"; @Html.TextBox("CompanyName", "", new { style = "display:" + displayMode + ";" }) } 

Answer 2

This is not related to the razor per se. visible not a valid attribute for an input element (which will generate an Html.TextBox). You need

 @Html.TextBox("CompanyName", "", new { style = "display:none;" }) 

Look here:

http://jsfiddle.net/QxSpU/

Answer 3

(Edited)

@Html.TextBox("CompanyName", "", new { style = Model.EnableCompanyName ? "display:inline" : "display:none" })

Answer 4

Add @ Html.TextBox ("CompanyName", ", new {Style = Model.EnableCompanyName?" Visibility: visible ":" visibility: hidden "})