Mit Javascript auf "EditorFor" Felder?

In MVC4 ich habe ein Feld "editorfor" dies ist ein boolean und wird dargestellt, als eine checkbox, die ich möchte, um andere "EditorFor" Felder ändern nicht bearbeitet werden, wenn die checkbox angekreuzt ist. Dies wäre einfach in reinem html, aber mit razor-syntax bin ich mir nicht sicher, wie dies zu tun. 

<div class="editor-field">
        @Html.EditorFor(model => model.Draw)
        @Html.ValidationMessageFor(model => model.Draw)
    </div>

<script type="text/javascript">
function validate() {
    if (document.getElementById('@Html.EditorFor(model => model.Draw)').checked) {
        alert("checked")
    } else {
        alert("You didn't check it! Let me check it for you.")
    }
}

Wurde versucht zu testen, mit diesem Skript, aber ich dont wissen, die ID des "editorfor" ich bin mir nicht sicher, was zu tun ist.

InformationsquelleAutor Robert Pallin | 2013-01-31
  1. 5

    Wenn Sie CheckBoxFor statt "EditorFor" (das ist ein allgemeiner Helfer), können Sie ganz einfach HTML-Attribute durch die Methode überladen. Hinzufügen einer ID können Sie die auf es von Ihr JavaScript.

    <div class="editor-field">
    @Html.CheckBoxFor(model => model.Draw, new { ID = "cbxDraw" })
    @Html.ValidationMessageFor(model => model.Draw)
</div>

<script type="text/javascript">
$(document).ready(function() {
    $('#cbxDraw').on('change', function() {
        var $cbx = $(this),
            isChecked = $cbx.is(':checked');

        $cbx.closest('.editor-field')
            .siblings()
            .find(':input')
                .prop('disabled', isChecked);
    });
});
</script>

    (Hinweis: Dieses Beispiel verwendet jQuery)

    • Dies ist perfekt, aber es macht auch den speichern-button nicht bearbeitet werden, gibt es eine Möglichkeit, damit dies nicht passiert? Cheers.
    • Es ist ok, ich gab den anderen ediors eine Klasse und deaktiviert diese. Cheers.
    InformationsquelleAutor Andrew Duthie
  2. 5

    ASP.NET MVC 4 hat neue NameExtensions - Klasse, die IdFor und NameFor Methoden. Sie können es verwenden, wie diese:

    document.getElementById('@Html.IdFor(model => model.Draw)')
    • Ich wusste nicht, dass das MVC-angeboten diesem, vielen Dank ich werde auf jeden Fall nutzen diese in die Zukunft.
    InformationsquelleAutor tpeczek
Schreibe einen Kommentar