Tutorial Combos dependientes

Páginas: 5 (1003 palabras) Publicado: 8 de mayo de 2014
Tutorial : Hacer Combos Dependientes tipo
Departamento –Ciudad en ASP. Net
Hola amigos, les traigo una manera muy muy sencilla hacer combos o listas
desplegables dependientes tipo departamento – ciudad utilizando una
herramienta muy práctica de Asp- Ajax llamada updatepanel, no debemos ser
unos expertos en Ajax solo seguir estos pasos así que sin más preámbulos
empecemos.
He trabajado conla última versión de visual estudio para web pueden
descargar la versión gratuita desde acá
http://www.microsoft.com/visualstudio/esn/downloads#d-express-web

Bueno entonces comencemos:
Antes de todo necesitamos una base de datos
create database prueba;
use prueba;
create table departamento
(cod_departamento int primary key identity(1,100) ,
nombre varchar(80) not null,
)
create tableciudad
(
cod_ciudad int primary key identity(1,100) ,
nombre varchar(50) not null ,
cod_departamento int foreign key references departamento(cod_departamento)not
null,
)

Y los procedimientos
create procedure cons_departamento
as
select cod_departamento, nombre from departamento;
create procedure cons_ciudades
@cod_departamento int
as
select cod_ciudad, nombre from ciudad wherecod_departamento= @cod_departamento;

y claro unos datos de prueba
//departamentos
insert into departamento
insert into departamento

values ('AMAZONAS')
values ('ANTIOQUIA')

//ciudades para amazonas
insert into ciudad values ('EL ENCANTO', 1)
insert into ciudad values ('LA CHORRERA', 1)
//ciudades para antioquia
insert into ciudad values('ABRIAQUÍ',101)
insert into ciudadvalues('ALEJANDRÍA',101)

Primero crearemos una solución en blanco y agregaremos 3 proyectos uno
llamado Lógica será una biblioteca de clases, otro llamado Conexión también
biblioteca de clases y otro llamado Presentación este es un sitio web

Luego agregaremos las referencias

En lógica se agregara referencia al proyecto conexión

Y en presentación se agregaran referencias a conexión y a lógicaAhora agregaremos clases a nuestros proyectos Lógica y Conexión
Estas se llamaran lógica y conexión respectivamente y se verá así

Dentro de la clase conexión nos conectaremos con la base de datos en SQL
server así
using
using
using
using
using
using

System;
System.Collections.Generic;
System.Linq;
System.Text;
System.Data.SqlClient;
System.Data;

namespace Conexion
{public class conexion
{
private SqlConnection conex = new SqlConnection(@"Data
Source=.\SQLEXPRESS;Initial Catalog=subasededatos;Integrated Security=True");
private bool conectar()
{
try
{
conex.Open();
return true;
}
catch
{
conex.Close();
return false;
}
}
public bool comando(string comando)
{
bool ret = false;
try
{
if (conectar())
{
SqlCommand cmd = new SqlCommand(comando,conex);
cmd.ExecuteNonQuery();
ret = true;
}
}

catch { }
conex.Close();
return ret;
}
public DataTable consulta(string comando)
{
DataTable ret = new DataTable();
try
{
if (conectar())
{
SqlDataAdapter da = new SqlDataAdapter(comando, conex);
da.Fill(ret);
}
}
catch { }

conex.Close();
return ret;
}
}
}

Y en la clase lógica llamaremos dos pequeños procedimientosalmacenados
que se encargaran de cargar las ciudades y departamentos.
Es importante agregar la directiva using
trabajar

System.Data;

en la clase para poder

Y en la clase pondremos
public DataTable departamentos()
{
Conexion.conexion cone = new Conexion.conexion();
DataTable dt = cone.consulta("exec cons_departamento");
return dt;
}

public DataTable ciudades(int cod_departamento ){
Conexion.conexion cone = new Conexion.conexion();
DataTable dt = cone.consulta("exec cons_ciudades
'"+cod_departamento+"'");
return dt;
}

Y bueno finalmente la página web que puede ser el default o una que ustedes
agreguen, pueden usar css, js y todo lo que quieran.
En la página web haremos lo siguiente
Vamos al cuadro de herramientas y buscamos Extensiones AJAX Y
arrastramos un...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • La comba
  • comba
  • Combos
  • la comba
  • comba
  • comba
  • COMBA
  • Dependiente

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS