curso pr-tico de ms visual studio[1] net 2005
330 pág.

curso pr-tico de ms visual studio[1] net 2005

Disciplina:Tecnologias Web2.420 materiais7.000 seguidores
Pré-visualização35 páginas
com o do site

http://www.microsoft.com/brasil/msdn/newsgroups/default.mspx ou veja a

figura de referência 1-1.

Referência: 1-1

No Visual Studio.NET 2005 já possui o objeto treeview dentro da barra de

ferramentas chamada Toolbox. Criei primeiro um objeto chamado

TreeView2005.aspx e arrastei o objeto para a página. Veja a figura 1-2.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1-2

Na barra de ferramentas Toolbox, no item Navigation existe o objeto

TreeView pronto para ser arrastado e colocado dentro da página. Veja a

figura 1-3.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1-3

Coloquei o nome ou o ID do objeto chamado treeView. Segue o código da

página abaixo:

<%@ Page Language="C#" AutoEventWireup="true"

CodeFile="TreeView2005.aspx.cs" Inherits="TreeView2005" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

 <title>TreeView (passo 1)</title>

</head>

<body>

 <form id="form1" runat="server">

 <div>

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

 <asp:TreeView runat=server ID="treeView" ExpandDepth=0>

 </asp:TreeView>

 </div>

 </form>

</body>

</html>

O que está de amarelo é o componente que adicionei na página. Agora irei

criar apenas opções para ser mostradas na página. Na figura 1-4, é

mostrado o que foi acrescentado para ser criado o primeiro menu.

Referência: 1-4

Cliquei com o botão direto e deixando o TreeView2005.aspx para ser a

principal página do projeto. Executando o projeto apenas com esse código

acrescentado, veja as figuras 1-5 e 1-6 o que já foi criado.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1-5

Expandindo o treeView, aparecerá as opções daquele treeView.

Referência: 1-6

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Acrescentei mais uma tagLib dentro do objeto para aparece mais uma

opção dentro do TreeView. Veja a figura 1-7.

Referência: 1-7

Executei novamente a pagina do projeto e veja o resultado na figura 1-8

abaixo.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1-8

Espero ter ajudado.

O treeview será desenvolvido com banco de dados SQL Server.

Aguardo e verás mais e mais.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Criando TreeView com Banco de Dados (parte 2)

Essa segunda parte do TreeView foi feito com banco de dados SQL SERVER.

O Visual Studio.NET 2005 é bem fácil e simples de criar um menu TreeView

com valores do banco de dados. O nome do banco de dados é Northwind,

ou seja, todo SQL SERVER instalado no servidor ou máquina já vem com

esse banco padrão.

Não irei fazer OO (orientado a objetos), o código será todo dentro da página

treeView.aspx. A parte 3, refatorarei o código colocando da forma OO.

O primeiro de tudo, devo colocar o código do objeto na parte de html, ou

apenas arrastar da toolbox o objeto treeview.

Segue o código:

<asp:TreeView

 ID="Tree"

 runat="server"

 ExpandDepth=0

 OnSelectedNodeChanged="SelectedNodeChanged">

 </asp:TreeView>

A ilustração do objeto acima está nas próximas figuras 1.1 e 1.2.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.1

Referência: 1.2

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

No começo do código, criei uma constante chamada conectionString

armazenando o a linha de conexão do banco de dados.

///classe de importação para usar banco de dados

using System.Data.SqlClient;

///constante com variável de conexão com o banco de dados

const string connectionString =

"Server=localhost;Integrated Security=True;Database=Northwind";

Veja a figura de referência 1.3.

Referência: 1.3

O próximo código abaixo será chamado no load da página. Criei um método

protegido e que não volta nada. Segue o mesmo.

///método que popula o treeview

protected void Popula()

{

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

 DataSet dst = TreeViewData();

 foreach (DataRow masterRow in dst.Tables["Categories"].Rows)

 {

 TreeNode masterNode =

 new TreeNode((string)masterRow["CategoryName"]);

 Tree.Nodes.Add(masterNode);

 foreach (DataRow childRow in

 masterRow.GetChildRows("Children"))

 {

 TreeNode childNode = new TreeNode();

 childNode.Text = childRow["ProductName"].ToString();

 childNode.Value = childRow["ProductID"].ToString();

 masterNode.ChildNodes.Add(childNode);

 }

 }

}

A linha de código que está pintada de amarela é outro método que criei que

retorna um objeto dataset. Veja o mesmo abaixo:

protected DataSet TreeViewData()

{

SqlConnection con = new SqlConnection(connectionString);

SqlDataAdapter dadCats = new SqlDataAdapter("SELECT * FROM

Categories", con);

SqlDataAdapter dadProducts = new SqlDataAdapter("SELECT *

FROM Products", con);

DataSet dst = new DataSet();

 dadCats.Fill(dst, "Categories");

 dadProducts.Fill(dst, "Products");

 dst.Relations.Add("Children",

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

 dst.Tables["Categories"].Columns["CategoryID"],

 dst.Tables["Products"].Columns["CategoryID"]);

 return dst;

}

O código acima treeViewData() retorna para quem chamou um objeto

dataset. Dentro do bloco do código, conecto no banco de dados, crio um

select que é uma instrução PSSQL, passando a minha variável con criada

anteriormente. O mesmo retorna um dataAdapter com o nome dadCats

que é da tabela de categoria. Na linha abaixo, crio um outro select para

retornar outro objeto dataAdapter.

Seguindo o código, preencho os objetos dataSet, relaciono os valores e

retorno o dataSet.

O método Popula(), tenho que fazer dois foreach para relacionar o pai

com seus filhos e mostrar no treeView. Primeiro monto um node (nó), com

um nome da categoria e depois monto os filhos do mesmo nó. Depois

apenas preencho o treeView com o text e o value adicionando-os.

A linha abaixo explica preenchendo o text e o value.

TreeNode childNode = new TreeNode();

 childNode.Text = childRow["ProductName"].ToString();

 childNode.Value = childRow["ProductID"].ToString();

 masterNode.ChildNodes.Add(childNode);

A linha em amarelo acima mostra adicionando os nós no treeView.

Veja o mesmo em funcionamento. Não esqueça de iniciar o SQL SERVER.

Set como a página de inicialização e clique F5. A figura 1.4 mostra a

ilustração do funcionamento.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.4

Ainda não acabou e voltando ao código do treeView, na parte de html veja

que existe