Diseño y Desarrollo

Primeros Pasos: Enlazar un DataGridView y TextBox en C#

En este tutorial vamos a aprender a enlazar un DataGridView con los TextBox, las herramientas que vamos a utilizar para este tutorial son las siguientes: Microsoft Visual Studio Professional o Express y Miscroft SQL Server Express, el lenguaje será C#.

En este tutorial vamos a aprender a enlazar un DataGridView con los TextBox, las herramientas que vamos a utilizar para este tutorial son las siguientes:

Microsoft Visual Studio Professional o Express, Puedes bajar la versión Express Aquí.

Microsoft SQL Server Express, Descargarlo desde Aquí.

En este caso utilizaremos la versión 2010, pero este ejemplo también te puede servir si tienes la versión 2008  o 2005 y el lenguaje será C#.

¿Que vamos aprender en este Tutorial?

  1. Crear una base de datos en SQL Server.
  2. Crear una conexión a la base de datos.
  3. Enlazar un TextBox con un DataGridView.

Empecemos con el Tutorial:

Paso 1: Creamos un nuevo proyecto del tipo Windows Forms Application y lo nombramos “DataGridView”

Nuevo Proyecto

Paso 2: Creamos un nuevo Item o elemento.

Agregar Item

Paso 3: Al agregar un nuevo item nos mostrara una pantalla como la que veremos a continuación y buscaremos Service-base-Database y damos click en Add, con esto estaremos creando la base de datos.

Agregar base de datos

Paso 4: Seleccionaras la opción de DataSet y oprimes siguiente, te aparecerá un mensaje de que haz creado un nuevo dataset y das finalizar.

Dataset

Paso 5: Vamos al explorador de soluciones que se encuentra de lado derecho y encontraremos que se ha agregado una nueva base de datos  la cual lleva el nombre de “Database1.mdf” , le damos doble click a la base de datos y nos mostrara de lado izquierdo el Server Explorer donde vamos a ver varias carpetas, vamos a dar un click derecho sobre la carpeta de Tables o Tablas y seleccionamos la opción de agregar nueva tabla.

Agregar Nueva Tabla

Paso 6: Vamos agregar los siguientes campos a nuestra tabla:

  • Id (int)
  • Nombre (varchar(50))
  • Telefono (int)
  • Direccion (varchar(50))
  • Email (varchar(50))

Una vez creados los campos, guardamos nuestra tabla con el nombre de Empleados.

Tabla Empleados

Paso 7: Ahora vamos a agregar algunos registros, en el Server Explorer se agrego la tabla empleados, damos click derecho sobre la tabla y seleccionamos la opción de mostrar datos de la tabla o Show Table Data, nos mostrara la tabla vacía proseguimos con agregar algunos registros.

Datos de Tabla

Registros de la Tabla

Paso 8: Agregamos a nuestro formulario los siguientes controles:

  • 1 DataGridView
  • 6 Labels
  • 5 TextBox

Nuestro Form deberá quedar similar a la siguiente imagen.

Diseño del Formulario

Paso 9: !Vayamos al código!

Lo primero que vamos hacer es importar el namespace: using System.Data.SqlClient.

En la sección de form_load agregaremos las siguientes lineas de código.

  • BindingSource bindingsource1 = new BindingSource();
  • SqlDataAdapter dataAdapter = new SqlDataAdapter();

La primer linea nos servira como enlace de los datos de la tabla con el datagridview
La segunda linea nos permitira poder unir nuestra consulta y la conexion.

Hasta Aquí debemos tener algo similar a esto:

Código Primera Parte

Posteriormente vamos a copiar la ruta o path de nuestra base de datos, vamos a nuestro explorador de soluciones y seleccionamos nuestra base de datos “Database1.mdf” para ver las propiedades de la base de datos, una vez ya en las propiedades buscaremos la propiedad “Full Path” o “Ruta de Acceso”, seleccionamos toda la ruta y copiamos.

Ruta de Base de Datos

Volvemos al código y comenzamos a crear la conexión.

  • String datasource=@”Data Source=.\SQLEXPRESS;AttachDbFilename=Aquí va la ruta que copiamos anteriormente;Integrated Security=True;User Instance=True”;  //Aquí estamos definiendo la ruta de nuestra base de datos
  • dataAdapter = new SqlDataAdapter(“Select * from Empleados”, datasource); //Enlazamos la consulta con nuestra base de datos
  • SqlCommandBuilder comando = new SqlCommandBuilder(dataAdapter); //Generamos un comando para asociarlo con nuestro dataAdapter
  • DataTable tabla = new DataTable();// Creamos un objeto DataTable
  • dataAdapter.Fill(tabla);//Llenamos nuestro dataAdapter con los campos de nuestra tabla
  • bindingsource1.DataSource = tabla;//Asignamos la fuente de datos de nuestro bindingsource
  • dataGridView1.DataSource = bindingsource1;//Le asignamos el datasource a nuestro DataGridView
  • textBox1.DataBindings.Add(“Text”, bindingsource1, “Id”);//Enlazamos nuestros campos de texto con el bindingsource y sus respectivos campos.
  • textBox2.DataBindings.Add(“Text”, bindingsource1, “Nombre”);
  • textBox3.DataBindings.Add(“Text”, bindingsource1, “Telefono”);
  • textBox4.DataBindings.Add(“Text”, bindingsource1, “Direccion”);
  • textBox5.DataBindings.Add(“Text”, bindingsource1, “Email”);

Al terminar tendremos un código como se muestra en la siguiente imagen.

Código Terminado

Ahora solo ejecutamos nuestro proyecto y listo, tenemos nuestro DataGridView enlazado con los Textbox, como resultado tendremos que al seleccionar un registro en el DataGridView los campos de texto tendrán el valor del registro seleccionado.

Tutorial Terminado

Espero y les pueda servir este tutorial :)

Comments
To Top