CIBERTEC 2015

Uso de Ajax Jquery con MVC 4

Uso de Jquery en Vistas
1. Iniciamos Visual Studio y creamos un nuevo Proyecto.

2. Vamos a usar el lenguaje C# con la plantilla Web y el tipo de proyecto Aplicacin web de
ASP.NET MVC 4, como nombre de proyecto ponemos Jquery y una ubicacin donde se
guardar el proyecto, finalmente damos Aceptar.
CIBERTEC 2015

3. En la opcin de seleccionar plantilla de MVC, elegimos la opcin Aplicacin de Internet,

como motor de vista Razor y damos clic en Aceptar
CIBERTEC 2015

4. Ahora vamos a ir probando varias piezas de cdigo de Jquery que se integran con la vista
de MVC. En la carpeta View/Home agregamos una nuevas vista llamada vista1 y dentro de
la vista1 agregamos el siguiente cdigo:

Este cdigo va a mostrar un texto por defecto en un TextBox que se mostrar y ocultar segn el
foco en el control.
CIBERTEC 2015

5. En la carpeta View/Home agregamos una nuevas vista llamada vista2 y dentro de la vista2
agregamos el siguiente cdigo.
CIBERTEC 2015

Este cdigo deshabilita la opcin de copiar, cortar, pegar de una caja de texto.
CIBERTEC 2015
CIBERTEC 2015

6. En la carpeta View/Home agregamos una nuevas vista llamada vista3 y dentro de la vista3
agregamos el siguiente cdigo:

Este cdigo tiene un check que selecciona todas las opciones de un grupo de checks:
CIBERTEC 2015

RESUMEN

I. Las aplicaciones Web actuales, exigen mayor interactividad del lado del cliente
Browser .
II. La industria del software plante como alternativa el desarrollo de aplicaciones de
tipo RIA, teniendo como mayor desventaja la instalacin de software adicional en el
cliente (Flash, Silverlight, etc.).
III. Javascript, Ajax y Jquery continan siendo las mejores opciones para el
desarrollo de cdigo del lado del cliente, siendo Jquery una alternativa que
brinda mayor facilidad de desarrollo y compatibilidad con los navegadores