Llenado de una tabla o un Gridview Asp.net y C#

Llenado de una tabla o un Gridview Asp.net y C#

Se pretende mostrar íntegramente una tabla de nuestra base de datos en una página de contenido de nuestro sistema o sitio web, para ello hay que realizar lo siguiente:

Agregar  a la página de contenido, en la vista diseño, un componente gridview, para ello dirigirse al: cuadro de herramientas -> Pestaña Datos -> GridView, seleccionar el componente antes mencionado y dejarlo caer en el área deseada de la página de contenido:

Diseño de la Página de Contenido.

Posteriormente puede personalizarlo si así lo desea, para ello seleccionar el componente gridview, diríjase a la ficha propiedades y renombrar la propiedad ID.

Sí lo que desea es cambiar el aspecto visual, basta con seleccionar el componente gridview y hacer clic en la etiqueta inteligente o Smart Tag (>) de la esquina superior derecha del componente y seleccionar la opción, Formato Automático...

Propiedades del Componente GridView.

Bastará con seleccionar de la ventana emergente el diseño deseado y hacer clic en la opción Aplicar y posteriormente en Aceptar.

Aplicando formato Automático.

Una vez terminado el diseño del componente, nos dirigimos a la Página de Código de la página de contenido, para ello presionamos al tecla de función F7 o en el explorador de soluciones damos clic con el botón secundario o derecho del mouse y seleccionamos Ver Código.

Visualizando el Código Asociado a la Página.

Ya estando en la vista código, lo primero que debemos hacer es agregar nuestros espacios de nombres con los cuales trabajaremos, por lo que agregamos:

using System.Data.Odbc;

using System.Data;

Una vez realizado lo anterior, debemos declarar nuestros objetos de conexión, como lo son, el comando, la conexión, los parámetros y la clase que contiene la cadena de conexión.

    //Declaramos el objeto conexion

    OdbcConnection Conexion = new OdbcConnection();

    //Declaramos el objeto comando

    OdbcCommand Comando = new OdbcCommand();

    //Declaracion de la clase

    Metodos Met = new Metodos();

En este punto debemos tener identificado cuando ejecutar el llenado de la tabla, si será a través de un botón o cuando se cargue la página por vez primera, lo que significaría agregar un método que realice el llenado, para nuestro caso lo llenaremos a través de un método o función justo al momento de cargar la página por vez primera, por lo que declaramos el método o función:

public void LLenaTabla()

    {

         }

El siguiente paso consiste en agregar el siguiente código dentro de la función previamente declarada:

try

        {

            //Asignamos la cadena de conexion al objeto ODBCConexion

            Conexion.ConnectionString = Met.RetornaConexion;

            //Se indica al comando la conexion que utilizara

            Comando.Connection = Conexion;

            //Abrimos la conexion

            Conexion.Open();

            //alamacenar temporalmente el resultado de la consulta SQL

            DataSet ds = new DataSet();

            OdbcDataAdapter Adaptador = new OdbcDataAdapter();

            //Se indica la instrucción SQL a ejecutar en el origen de datos

            Comando.CommandText = "SELECT Id, CONCAT(Nombre, ' ',Apellidos, ' ' ,Direccion) AS Nombre FROM Usuario";

            //Se indica al adaptador el comando a utilizar

            Adaptador.SelectCommand = Comando;

            //El adaptador ejecuta la instruccion SQL y deja el resultado en el componente dataset (ds)

            Adaptador.Fill(ds);

            //Se indica al componente visual el origen de datos

            GridView1.DataSource = ds.Tables[0];

            //Se enlaza con el origen de datos indicado

            GridView1.DataBind();

            //

            Conexion.Close();

        }

        catch (Exception Exd)

        {

            //lblMensaje.Text = Exd.Message;

        }

El siguiente paso consiste en ejecutar la llamada al método que llena el componente GridView en el evento load de la página de contenido, recuerde tener presente el postback de la página ya que puede afectar el comportamiento si no se manipula de manera adecuada:

//Evento load de la pagina de contenido

    protected void Page_Load(object sender, EventArgs e)

    {

        //Se ejecuta el metodo solo si es la primera llamada de la pagina de contenido

        if (!IsPostBack)

        {

            //Llamada al metodo que llena el componente gridview

            LLenaTabla();

        }

    }

Si todo ha resultado correcto, usted debería poder visualizar el gridview lleno con los datos de la tabla deseada en la instrucción SQL.

Agregar leyenda