Ajouter un événement onblur à ASP.Net MVC, Html.Zone de texte

Quelle est la syntaxe correcte pour un helper HTML (dans MVC2) pour définir un onblur gestionnaire où la zone de texte est généré avec un code comme:

<%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input" }
)

OriginalL'auteur justSteve | 2010-05-08

  1. 6

    Ajouter le onblur à htmlattributes

    <%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "alert('fired')" }
) %>

    Ou une meilleure façon d'ajouter avec jQuery

    $('#ChooseOptions_AddCount' + id).onblur(function() { alert('fired'); });
    La page utilise jQuery mais je n'ai pas analysé le modèle des valeurs de l'un à l'autre en aucune façon ostensible. Afin d'utiliser le jQuery suggestion que j'aurais du faire une sorte de <script> jqValue = <%=serverSideValue%> </script>, à droite. Les choses sont tout à fait _that magique, pourtant, ne sont-ils?
    Il doit être "flou" pas "onblur" $('#ChooseOptions_AddCount' + id).blur(function() { alert('tiré'); });

    OriginalL'auteur Gabe

  2. 0

    Je voulais présenter une solution qui vous permet de réutiliser votre code de fonction, si vous le souhaitez. Vous pouvez définir la fonction d'ailleurs, et ensuite appeler à partir de l'élément HTML.

    Quelque part dans le mavue.cshtml fichier (peut-être à la partie supérieure du corps de balises), vous pouvez définir un script et de définir mafonction à l'intérieur, comme ceci:

    <script>
    function myFunc() {
        alert('fired');
    }
</script>

    Ensuite appeler à partir de l'élément HTML, comme ceci:

    <%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "myFunc()" }
) %>

    Ou, si vous êtes heureux d'utiliser un helper HTML pour définir votre zone de texte, vous pouvez le faire

    @Html.TextBoxFor(m => m.ChooseOptions.AddCount,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "myFunc()" }
)

    OriginalL'auteur user5138047