AS EMPRESAS ESTÃO "DESESPERADAS" POR ESTE TIPO DE PROFISSIONAL... - VOCÊ É UM DELES?

MEGA FORMAÇÃO EM INFRAESTRUTURA DE TI - O Conhecimento que Vira Dinheiro - CLIQUE AQUI

(51) 3717-3796 | webmaster@juliobattisti.com.br | (51) 99627-3434
Você está em: Principal › Artigos › Net : Listadados001
Quer receber novidades e e-books gratuitos?

Lista de Dados com Subitens – Parte I

Olá Pessoal,

Olha, tentei de todas as formas, mas este foi o título que consegui encontrar para este tutorial.

Vou tentar através dele, mostrar a vocês como criar listagem de dados com Subitens, onde os dados são obtidos através de uma base de dados. Não entendeu? Então vamos no popular mesmo: No banco de dados Northwind existe uma tabela de Produtos e outra de Categorias, onde a tabela de Produtos relaciona a qual categoria de Produtos um tal produto pertence. Digamos que você tem o desafio de listar todas estas categorias e seus respectivos produtos, como no modelo abaixo:

Exibi apenas 2 categorias.

Não parece uma tarefa fácil, mas 80% do que é necessário já foi escrito nos tutoriais deste site.

Então, mãos a obra. Crie um novo projeto chamado ListaDeProdutos

Estou utilizando a linguagem Visual Basic.Net, mas você pode construir em C# ou J# também.

Crie um novo arquivo chamado ProdutosPorCategoria.aspx

Abra este arquivo e adicione um DataList chamado dlCategorias.

Agora, temos que criar o template do DataList. Para isso, clique com o botão direito sobre o dlCategorias, opção Edit Template, opção ItemTemplate

Vamos inserir uma tabela com 1 coluna e 2 linhas na seção Item Template. Para isso, clique na seção ItemTemplate e depois vá até o menu Table>Insert>Table

Configure de acordo com a imagem abaixo e clique em Ok

Clique na tabela e formate-a como desejar. Veja como fiz:

Na parte onde está marrom, vamos inserir um Label. Clique na ToolBox e arraste um label para dentro desta parte que está em Marrom

Ainda com o Label selecionado, vá até a guia de propriedades e clique em DataBindings. Selecione a opção text à esquerda, na parte da direita, expanda a opção Container e selecione a opção DataItem. Clique na opção Custom Binding Expression e escreva a expressão de acordo com a imagem abaixo:

Clique em Ok.

Agora, abra a Tool Box e arraste um DataGrid para a seção que está de verde. Dê a ele o nome de dgItems.

Formate seu DataGrid como quiser, mas que pelo menos combine as cores com a tabela. Veja:

Ainda com o DataGrid selecionado, vá até a guia de propriedades e na propriedade ShowHeader marque false para ocultar o cabeçalho.

Vejam o resultado:

Salve o arquivo, e na próximo tutorial continuamos.

Um abraço,

Lano de Castro

1 Visão geral do .NET Framework e do CLR
1 Comunicação .NET e VB 6.0 (com Visual Studio.NET 2005) - Parte I
1 Desenvolvendo aplicações Windows utilizando o VB.NET e o C# - Parte 1
1 Desenvolvendo aplicações Windows utilizando o VB.NET e o C# - Parte 2
1 Desenvolvendo aplicações Windows utilizando o VB.NET e o C# - Parte 3
1 Desenvolvendo aplicações Windows utilizando o VB.NET e o C# - Parte 4
1 Desenvolvendo aplicações Windows utilizando o VB.NET e o C# - Parte 5
1 VB: Menu Principal, Menu PopUp e Arquivos Texto
Visual Studio
1 ASP.NET 2.0 - Conhecendo o ObjectDataSource Control
1 Visual Web Developer - 2005 - Beta 2 - Introdução
1 ASP.NET 2.0 - Conhecendo o GridView
1 ASP.NET 2.0 - Utilizando o GridView e DetailsView
1 ASP.NET 2.0 - Conhecendo o ObjectDataSource Control - Parte 2
1 ASP.NET 2.0 - Utilizando o XmlDataSource
1 Envio de e-mail através de formulário web
1 ADO.NET 2.0 - Conhecendo as novidades parte 1
1 Série Visual Source Safe - Parte 1
1 Série Visual Source Safe - Parte 3
1 URL Indexável – Reescrever URL de uma forma amigável
1 Permissão de Página Utilizando Web.Config
1 Usando public interface
1 Trabalhando com o componente TabContainer
1 Adicionando Menu no DataGridView
ASP.NET
1 Conhecendo o ambiente integrado do WebMatrix
1 Desenvolvendo aplicações ASP.NET no WebMatrix - WebControls – Parte I
1 Desenvolvendo aplicações ASP.NET no WebMatrix - WebControls – Parte II
1 Desenvolvendo aplicações ASP.NET no WebMatrix - WebControls – Parte III
1 Acessando um banco de dados facilmente com ADO.Net e Datagrid
1 Desvendando os segredos do Dataset- Parte I
1 Construindo um Sistema de Publicação de Notícias – Parte 1
1 Construindo um Sistema de Publicação de Notícias – Parte 2
1 Construindo um Sistema de Publicação de Notícias – Parte 3
1 Construindo um Sistema de Publicação de Notícias – Parte 4
1 Construindo um Sistema de Publicação de Notícias – Parte 5
1 Login com Perfil de Acesso
1 Guest Book com XML - Parte 1
1 Guest Book com XML - Parte 2
1 Agendando Datas no Calendário com XML
1 Filtrando e Organizando Dados com o Controle DataView
1 Lista de Dados com Subitens – Parte 1
1 Lista de Dados com Subitens – Parte 2
1 Trabalhando com Arquivos e Diretórios – Parte 1
1 Trabalhando com Arquivos e Diretórios – Parte 2
1 Trabalhando com Arquivos e Diretórios – Parte 3
1 Sistema de Enquetes baseado em WebServices – Parte 1
1 Sistema de Enquetes baseado em WebServices – Parte 2
1 Sistema de Enquetes baseado em WebServices – Parte 3
1 Upload de Arquivos
1 Crie seu próprio código de verificação
1 Login e Senha com FormsAuthentication – Parte 1
1 Login e Senha com FormsAuthentication – Parte 2
1 Sistema de Enquetes baseado em WebServices – Parte 4
1 Sistema de Enquetes baseado em WebServices – Parte 5
1 Sistema de Enquetes baseado em WebServices – Parte 6