Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 87 vistas

    Guia Webgrid PDF

    Cargado por

    Roy Saavedra Jimenez
    Este documento proporciona instrucciones para personalizar listados de control WebGrid en ASP.NET MVC. Explica cómo mapear una base de datos existente, crear un controlador y vista, y luego personalizar el WebGrid agregando columnas, títulos, estilos y filtros de búsqueda para mejorar la presentación y funcionalidad.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Guia Webgrid PDF

    Cargado por

    Roy Saavedra Jimenez
    87 vistas7 páginas
    Este documento proporciona instrucciones para personalizar listados de control WebGrid en ASP.NET MVC. Explica cómo mapear una base de datos existente, crear un controlador y vista, y luego personalizar el WebGrid agregando columnas, títulos, estilos y filtros de búsqueda para mejorar la presentación y funcionalidad.

    Título original

    GUIA-WEBGRID.pdf

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento proporciona instrucciones para personalizar listados de control WebGrid en ASP.NET MVC. Explica cómo mapear una base de datos existente, crear un controlador y vista, y luego personalizar el WebGrid agregando columnas, títulos, estilos y filtros de búsqueda para mejorar la presentación y funcionalidad.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    87 vistas7 páginas

    Guia Webgrid PDF

    Cargado por

    Roy Saavedra Jimenez
    Este documento proporciona instrucciones para personalizar listados de control WebGrid en ASP.NET MVC. Explica cómo mapear una base de datos existente, crear un controlador y vista, y luego personalizar el WebGrid agregando columnas, títulos, estilos y filtros de búsqueda para mejorar la presentación y funcionalidad.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    Está en la página 1de 7

    INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PRIVADO

    DIRECCIN ACADMICA
    CARRERAS PROFESIONALES

    PERSONALIZACION DE LISTADOS CONTROL WEB GRID


    Esta gua consta de:

    Uso del control WebGrid.


    Personalizacin del WebGrid, Columnas, formatos y estilos.
    Filtros y bsquedas

    1. Inicie Visual Studio y crear un Nuevo Proyecto MVC con el nombre APP_WEBGRID.

    2. En esta gua vamos a trabajar con el modelo EF que se crea a partir de una base de datos
    existente (Negocios2016), para ello sobre la carpeta Model hacemos click derecho-
    Agregar Nuevo elemento, y en el cuadro de dialogo, en la seccin Datos, elegimos
    ADO.NET Entity Data Model y le damos como nombre Negocios, finalmente damos click
    en Agregar, tal como se muestra.

    Mapear todas las tablas:

    Compilar la Aplicacin.

    IESTP CIBERTEC 1
    INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PRIVADO
    DIRECCIN ACADMICA
    CARRERAS PROFESIONALES

    3. Crear un controlador vaco llamado ProductoController y codificar el Action Index

    4. Ahora procederemos a agregar una Vista al Index

    IESTP CIBERTEC 2
    INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PRIVADO
    DIRECCIN ACADMICA
    CARRERAS PROFESIONALES

    5. Modificar la vista creada de la siguiente manera:

    Configurar el RouteConfig para iniciar con el controlador Producto y ejecutar la APP.

    Personalizacin del WebGrid, Columnas, formatos y estilos.

    Indicador de Columnas

    IESTP CIBERTEC 3
    INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PRIVADO
    DIRECCIN ACADMICA
    CARRERAS PROFESIONALES

    Muestra:

    Ttulo a las Columnas

    IESTP CIBERTEC 4
    INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PRIVADO
    DIRECCIN ACADMICA
    CARRERAS PROFESIONALES

    Muestra:

    Uso de Estilos y Formatos

    IESTP CIBERTEC 5
    INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PRIVADO
    DIRECCIN ACADMICA
    CARRERAS PROFESIONALES

    Muestra:

    Filtro y Bsqueda

    Crear un nuevo ActionResult llamado IndexBusqueda:

    IESTP CIBERTEC 6
    INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PRIVADO
    DIRECCIN ACADMICA
    CARRERAS PROFESIONALES

    Crear su Vista:

    El cdigo es el mismo de la vista anterior agregar solo lo marcado en el recuadro rojo:

    Muestra:

    IESTP CIBERTEC 7

    También podría gustarte