MVC 3 html.TextBoxFor readonly Properties to be set dynamically

Question

    <div class="editor-label" style="position:static">
        <%: Html.LabelFor(Model => Model.Date, "Date")%>
        <span style="padding-left:52px">
            <%: Html.TextBoxFor(Model => Model.Date)%>

Here i want to set the readonly property to the textbox on a button click/Action Click. how do i do it. At the initial page the data is been displayed as readonly and on the edit button click. This should be changed to editable textbox.I have almost seven textboxes i need to do the same for all.

score 10 · Accepted Answer · answered Jun 23 '11 at 12:54

10

If I understand your question correctly, this can be accomplished with a little javascript. Here's a simple example.

Render each textbox as readonly on page load:

<%: Html.TextBoxFor(model => model.Date, new { @readonly = "readonly" }) %>

Add a click handler for your edit button that will remove the readonly attribute from each textbox:

$("#editButton").click(function() {
    $("#Date").removeAttr("readonly");
});

answered Jun 23 '11 at 12:54

gram

2,772
20
24

Thank you for your reply but it doesn't work.I tried a lot with other options but javascript doesn't work at all with the MVC controls. $(document).ready(function(){ $("#datebox").attr('@readonly',' readonly'); });
<%: Html.LabelFor(Model => Model.Date, "Date")%> <%: Html.TextBoxFor(Model => Model.Date, new { @class = "textboxes",@id = "datebox")%>
– samdinesh Jun 24 '11 at 02:01
2

Change your javascript call to this: $("#datebox").attr('readonly',' readonly'); Also, in your Date textbox, you don't need to use @id, it can just be id. Leave @class as it is. The '@' is for using C# reserved words as variable names. – gram Jun 24 '11 at 11:59

score 1 · Answer 2 · edited Aug 15 '14 at 12:53

1

Use the following:

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

Hope this helps :)

edited Aug 15 '14 at 12:53

David

15,894
22
55
66

answered Aug 15 '14 at 12:06

Ruaan Volschenk

717
2
11
23

score 0 · Answer 3 · answered Aug 30 '12 at 16:23

0

I think you should put

@readonly = true

or

@readonly = *your-expression-here*

answered Aug 30 '12 at 16:23

Junior Mayhé

16,144
26
115
161

http://stackoverflow.com/questions/1153912/how-to-creat-a-readonly-text-using-html-helper-in-asp-net-mvc – Junior Mayhé Aug 30 '12 at 16:25

MVC 3 html.TextBoxFor readonly Properties to be set dynamically

3 Answers3