MVC-3 html.TextBoxFor readonly-Eigenschaften dynamisch gesetzt werden

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

Ich will hier legen Sie die readonly-Eigenschaft der textbox auf das klicken auf eine Schaltfläche/Aktion Klicken. wie mache ich es.
Auf der ersten Seite werden die Daten dargestellt, die als readonly und auf den button Bearbeiten klicken. Dies sollte geändert werden, um editierbare Textfeld.Ich habe fast sieben Textfelder, die ich tun müssen, die für alle gleich sind.

InformationsquelleAutor samdinesh | 2011-06-23

  1. 10

    Wenn ich verstehe deine Frage richtig, dies kann mit ein wenig javascript. Hier ist ein einfaches Beispiel.

    Rendern jeder textbox als readonly laden der Seite:

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

    Fügen Sie einen click-Ereignishandler für die edit-Taste, entfernen Sie das schreibgeschützt-Attribut aus jeder textbox:

    $("#editButton").click(function() {
    $("#Date").removeAttr("readonly");
});
    Danke für deine Antwort aber es funktioniert nicht.Ich habe versucht, viel mit anderen Optionen, aber javascript funktioniert überhaupt nicht mit dem MVC-controls. $(document).ready(function(){ $("#datebox").attr('@readonly',' readonly'); }); <div class="editor-label" style="position:static"> <%: Html.LabelFor(Model => Modell.- Datum, "Datum")%> <span style="padding-left:52px"> <%: Html.TextBoxFor(Model => Modell.Datum, new { @class = "Textfelder",@id = "datebox")%> </span> </div>
    Ändern Sie Ihre javascript-Aufruf: $("#datebox").attr('readonly',' readonly'); Auch, in Ihrem Datum textbox, brauchen Sie nicht, um mit @id kann es auch einfach sein id. Verlassen @Klasse, wie es ist. Das '@' ist für die Verwendung von C# reservierte Wörter als Variablennamen.

    InformationsquelleAutor gram

  2. 1

    Verwenden Sie die folgenden:

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

    Hoffe, das hilft 🙂

    InformationsquelleAutor Ruaan Volschenk

  3. 0

    Ich denke, Sie sollten 

    @readonly = true

    oder

    @readonly = *your-expression-here*
    stackoverflow.com/questions/1153912/...

    InformationsquelleAutor Junior M

Schreibe einen Kommentar