Criação do Projeto: Evento SelectedIndexChanged – Parte 1

Olá pessoal, neste artigo veremos como utilizar o evento SelectedIndexChanged, presente em diversos controles ASP.NET, como o DropDownList, o RadioButtonList e até o CheckBoxList. Acompanhem:

 Introdução – O evento SelectedIndexChanged é muito utilizado nos controles DropDownList, RadioButtonList, CheckBoxList e muitos outros controles ASP.NET. Este evento é disparado a cada vez que o usuário troca de opção nestes controles.

Nesta parte iremos criar duas tabelas de exemplo, inserir alguns registros em ambas as tabelas, de Estados e de Cidades, e criar uma aplicação adicionando dois DropDownLists.

Então crie duas tabelas no SQL Server, a de Estados e a de Cidades, a Listagem 01 nos mostra o script de criação das tabelas:

Listagem 01 – Script de criação das tabelas Estado e Cidade

CREATE TABLE Estado

(

IdEstado         INT IDENTITY(1,1) NOT NULL,

Estado           VARCHAR(50)       NOT NULL,

DataCadastro     DATETIME          NOT NULL,

CONSTRAINT PK_IdEstado PRIMARY KEY (IdEstado)

)

CREATE TABLE Cidade

(

IdCidade         INT IDENTITY(1,1) NOT NULL,

IdEstado         INT               NOT NULL,

Cidade           VARCHAR(100)      NOT NULL,

DataCadastro     DATETIME          NOT NULL,

CONSTRAINT PK_IdCidade PRIMARY KEY (IdCidade),

CONSTRAINT FK_Cidade_IdEstado FOREIGN KEY (IdEstado) REFERENCES Estado(IdEstado)

)

 Note que a tabela Cidade é relacionada com a tabela Estado.

Vemos na Listagem 02 o script para criação dos estados e das cidades fictícias, uma cidade para cada estado.

Listagem 02 – Script de inserção dos registros nas tabelas criadas

--Estado

INSERT INTO Estado VALUES ('Amapá', GETDATE())

INSERT INTO Estado VALUES ('Ceará', GETDATE())

INSERT INTO Estado VALUES ('Espírito Santo', GETDATE())

INSERT INTO Estado VALUES ('Goiás', GETDATE())

INSERT INTO Estado VALUES ('Minas Gerais', GETDATE())

INSERT INTO Estado VALUES ('Rio de Janeiro', GETDATE())

INSERT INTO Estado VALUES ('Rio Grande do Sul', GETDATE())

INSERT INTO Estado VALUES ('Santa Catarina', GETDATE())

INSERT INTO Estado VALUES ('São Paulo', GETDATE())

INSERT INTO Estado VALUES ('Tocantins', GETDATE())

--Cidade

INSERT INTO Cidade VALUES (1, 'Cidade do Amapá', GETDATE())

INSERT INTO Cidade VALUES (2, 'Cidade do Ceará', GETDATE())

INSERT INTO Cidade VALUES (3, 'Cidade do Espírito Santo', GETDATE())

INSERT INTO Cidade VALUES (4, 'Cidade de Goiás', GETDATE())

INSERT INTO Cidade VALUES (5, 'Cidade de Minas Gerais', GETDATE())

INSERT INTO Cidade VALUES (6, 'Cidade do Rio de Janeiro', GETDATE())

INSERT INTO Cidade VALUES (7, 'Cidade do Rio Grande do Sul', GETDATE())

INSERT INTO Cidade VALUES (8, 'Cidade de Santa Catarina', GETDATE())

INSERT INTO Cidade VALUES (9, 'Cidade de São Paulo', GETDATE())

INSERT INTO Cidade VALUES (10, 'Cidade de Tocantins', GETDATE())

Crie uma aplicação ASP.NET e nela inclua dois DropDownLists, como podemos ver na Listagem 03.

Listagem 03 – ASPX da página com os dois DropDownLists

<div>

<h3>Evento SelectedIndexChanged</h3>

<br />

Estado:

<br />

<asp:DropDownList ID="ddlEstado" runat="server" />

<br />

<br />

Cidade:

<br />

<asp:DropDownList ID="ddlCidade" runat="server" />

<br />

</div>

Assim finalizo o artigo. Na próxima parte iremos carregar os dados do 1º DropDownList e carregarmos o 2º usando o evento SelectedIndexChanged do 1º, assim dependendo do Estado selecionado será carregado a respectiva Cidade, Aguardem!

 Um abraço, e até o próximo artigo.

 Wellington Balbo de Camargo

wellingtonbalbo@gmail.com