Can I set a read-only text field when using Html.TextBoxFor?

Question

I have the following tag with an Html.TextBoxFor expression and I want the content to be read-only, is this possible?

<%= Html.TextBoxFor(m => Model.Events.Subscribed[i].Action)%> 

Answer 1

Updated for modern versions of .NET per @ 1c1cle in a comment:

 <%= Html.TextBoxFor(model => Model.SomeFieldName, new {{"readonly", "true"}}) %> 

Understand that this is not a “safe” way to do this, as someone might insert javascript to change this.

Something you need to know is that if you set readonly to false , you will not actually see any changes in behavior! Therefore, if you need to manage this based on a variable, you cannot just connect this variable there. Instead, you need to use conditional logic to just not pass this readonly attribute.

Here is an unverified suggestion on how to do this (if there is a problem with this, you can always do if / else):

 <%= Html.TextBoxFor(model => Model.SomeFieldName, shouldBeReadOnlyBoolean ? new {{"readonly", "true"}} : null) %> 

Answer 2

 <%= Html.TextBoxFor(m => Model.Events.Subscribed[i].Action, new { @readonly = true })%> 

Answer 3

Use the following:

  @Html.TextBoxFor(m => m.Whatever, new {@readonly = "readonly"}) 

If you want to assign a class to it, you can do it the same way by adding the @ class = "" property. Hope this helps :)

Answer 4

Do it read only

 @Html.TextBoxFor(m=> m.Total, new {@class ="form-control", @readonly="true"}) 

To disable

 @Html.TextBoxFor(m=> m.Total, new {@class ="form-control", @disabled="true"}) 

Answer 5

 <%= Html.TextBoxFor(m => Model.Events.Subscribed[i].Action, new {readonly=true})%> 

Answer 6

 <%: Html.TextBoxFor(m => Model.Events.Subscribed[i].Action, new { @autocomplete = "off", @readonly=true})%> 

Here's how you set a few properties

Answer 7

This work is for me ...

 @Html.TextBoxFor(model => model.RIF, new { value = @Model.RIF, @readonly = "readonly" }) 

Answer 8

The following snippet worked for me.

 @Html.TextBoxFor(m => m.Crown, new { id = "", @style = "padding-left:5px", @readonly = "true" }) 

Answer 9

Using the @Hunter example, in the new part {..} add readonly = true, I think this will work.

Answer 10

Another possibility:

 <%= Html.TextBoxFor(model => Model.SomeFieldName, new Dictionary<string, object>(){{"disabled", "true"}}) %> 

Answer 11

In fact, Brain Mains answer is almost right.

 @Html.TextBoxFor(model => model.RIF, new { value = @Model.RIF, @readonly = true }) 

Answer 12

If you need to apply your own class, you can use

  @Html.TextBoxFor(m => m.Birthday, new Dictionary<string, object>() { {"readonly", "true"}, {"class", "commonField"} } ) 

Where

commonField is a CSS class

and Birthday can be a string field that you can probably use to save the jQuery Datapicker date :)

 <script> $(function () { $("#Birthday").datepicker({ }); }); </script> 

This is an example of real life.

Answer 13

Setting the readonly attribute to both true and false will not work in most browsers, I did this as shown below, when the page mode is "reloaded", I did not enable the "readonly" attribute.

 @if(Model.Mode.Equals("edit")){ @Html.TextAreaFor(model => Model.Content.Data, new { id = "modEditor", @readonly = moduleEditModel.Content.ReadOnly, @style = "width:99%; height:360px;" }) } @if (Model.Mode.Equals("reload")){ @Html.TextAreaFor(model => Model.Content.Data, new { id = "modEditor", @style = "width:99%; height:360px;" })} 

Answer 14

  @Html.TextBoxFor(model => model.IdUsuario, new { @Value = "" + User.Identity.GetUserId() + "", @disabled = "true" }) @disabled = "true" 

To work well