Está en la página 1de 10

Tema: Manejo de ViewData y ViewBag

Prctica 01
Implementa una Vista donde liste los registros de tb_productos.

Crear el modelo de objetos de Entidades, Entity Data Model, llamado Negocios2016, tal como
se muestra.

Trabajando con el Controlador


Desde la carpeta Controller, agregar un nuevo Controlador, tal como se muestra

Seleccionar esta
opcin
Selecciona el Scaffold: Controlador MVC en blanco, tal como se muestra

Seleccionar esta
opcin

Asignar el nombre del Controlador y presiona el botn AGREGAR.

Archivo creado NegociosController, tal como se muestra

Controlador creado
A continuacin creamos, dentro del Controlador, el ActionResult Productos(): Agregamos la
referencia a la carpeta Models, luego instanciamos el modelo Entity Negocios2016Entities y
por ltimo definir el ActionResult Productos().

Referencia a la carpeta Models

Instancia del Modelo

Defina el ActionResult Productos

A continuacin agregar la Vista del ActionResult: desde el ActionResult, hacer click derecho y
selecciona la opcin Agregar Vista, tal como se muestra.

Selecciona la opcin
Agregar vista
Desde la venta Agregar Vista, selecciona la plantilla List; y la Clase de modelo tb_productos, tal
como se muestra, presiona el botn Agregar.

Esta opcin crea una Vista


Listado

Selecciona la clase para


definir el modelo

Pgina Productos.cshtml.

La vista recibe la coleccin


de tb_productos

Imprime la cabecera de las


columnas

Imprime los registros de la


coleccin
Ejecuta la pgina en el explorador, visualizando su resultado.

Controlador

Servidor ActionResult
Trabajando Razor en la pgina Productos.cshtml
Ejercicio 1
Visualiza, en la pgina Productos, el nmero o cantidad de registros de tb_productos. Para ello
declare una variable la cual almacena la cantidad de registros, visualizando el resultado en la
pgina.

Variable que almacena la


cantidad de registros

Imprimir el valor de la
variable

Ejecuta la pgina, donde se visualiza al final de los registros el valor de la variable @q

Controlador

Servidor ActionResult
Ejercicio 2
En la pagina Productos, implementa una columna llamado Monto, el cual se visualiza el
producto de los campos PrecioUnidad y UnidadesEnExistencia y al finalizar imprima la suma
del campo monto.

Variable que almacena la suma del campo


Precio por Unidades

Variable que almacena el producto de Precio por Unidades

Imprimir el valor de @m en la pgina

Imprimir el valor @suma

Ejecuta la pgina, visualizando los valores de la columna monto y la suma del mismo
Ejercicio 3
En la pagina Productos, implementa un proceso donde permita pintar los registros cuyo
valor del campo UnidadesEnExistencia sea cero.

Solucion
Declaramos la variable q la almacena la cantidad de productos que no tiene stock.

Variable que almacena la cantidad de


productos que no tienen Unidades

Para pintar las filas que no tienen Stock, dentro de la estructura for evalo el campo
UnidadesEnExistencia: if(tem.UnidadesEnExistencia===0) el color de fondo de la fila <tr> ser
de color amarillo; caso contrario (else) no tendr color de fondo

Si la condicin se cumple, cambiar el


color de fondo de la fila

Si no se cumple, no cambiamos el color


de fondo

Al finalizar, imprimir la cantidad de


productos sin stock
Ejecuta la pgina, donde se visualiza los productos pintados si no tienen stock; y al final se
imprime la cantidad de productos sin stock

Ejercicio 4
En la pagina Productos, implementa un proceso donde permita pintar los registros:
Si el valor de UnidadesEnExistencia es menor a 10, la fila ser color rojo; si el valor se
encuentra entre 10 hasta 49, la fila sera de color amarillo; sino ser verde.

Solucion
Evaluamos el valor de UnidadesEnExistencia por cada fila, para cambiar su color.

Evaluamos el valor de
UnidadesEnExistencia
Ejecuta la pgina para visualizar el resultado

También podría gustarte