jQuery event binding en ASP.NET MVC

A veces son las cosas pequeñas que nos trancan el juego y nos hacen perder mucho tiempo cuando estamos desarrollando, especialmente cuando estamos usando algo que es relativamente nuevo, para el cual no hay mucha documentación disponible.

Hoy me tope con un caso muy sencillo en una aplicación asp.net mvc en donde yo estaba generando un textbox de la siguiente manera:

   1:  <%= Html.TextBox("Ejemplo")%>

A esto le queria agregar una llamada a una funcion de JavaScript, pero no tenia claro donde deberia ponerle el onkeyup="SumaEjemplo()" para que el html que fuera generado quedara de la siguiente manera:

   1:  <input type="text" id="Ejemplo" onkeyup="SumaEjemplo()" />

Al final decidi no perder mucho tiempo y fui a stackOverflow, donde en minutos obtuve mi respuesta.

Debi haberlo puesto asi:

   1:  <%= Html.TextBox("Ejemplo",string.Empty,new{onkeyup="SumaEjemplo()"})%>

Pero al final tampoco esa era la forma mas idonea de hacerlo, lo que se debio usar fue una llamado con jQuery y usar el event binding de la siguiente manera:

   1:  $(function(){

   2:      $("#Ejemplo").onkeyup(SumaEjemplo);

   3:  });

   4:   

   5:  function SumaEjemplo(eventInstance){

   6:      // handle onkeyup event

   7:  }

!!!..