Windows Vista - Curso Completo - 1476 páginas

Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Autor:	Mauricio Pereira Borges Junior
Data:	30-05-2005
Categoria:	Programação
Assunto:	C# - BÁSICO
Visitas:	23930

CRIANDO MENU DINÂMICO COM C#.NET Passo 1

Criarei, primeiramente um menu para ser utilizado por um sistema.

É bem simples de desenvolver e usar. Este artigo é dividido em duas partes. Usarei um componente free chamado skyMenu. Esse componente é feito apenas para ler um arquivo xml e mostrar em uma página .aspx. Estarei explicando passo a passo de como fazer o menu dinâmico para ser utilizado em qualquer sistema.

Criei um projeto chamado Artigos. Adicionei uma pasta chamada menu e dentro adicionei um arquivo chamado menu.ascx. Veja a figura 1-1 e 1-2.

Referência: 1-1

Cliquei com o botão direito em cima do projeto, fui ao menu Add, logo após New Folder, digitei o nome menu. Figura 1-2.

Referência: 1-2

Depois da pasta criada, cliquei com o botão direito em cima da pasta menu, logo após Add, / Add New Item, adicionando um arquivo user control. Não esqueça que um arquivo user control, tem a extensão .ascx. Veja na figura 1-3 o passo a passo.

Referência: 1-3

A figura 1-4 mostra apenas user control, colocando o nome menu.ascx.

Referência: 1-4

Depois de criado, tenho que adicionar uma dll de referência no projeto para usá-la. Essa dll estará disponível para download neste artigo. Clique com o botão direito em cima da pasta References e clique Add Reference, e escolha a dll. Veja na figura 1-5.

Referência: 1-5

A figura de referência 1-6 apenas mostra adicionando a dll no projeto para ser usada mais tarde. Lembre-se que essa dll é grátis e pode ser adicionada no seu projeto apenas clicando no Add Reference...

Referência: 1-6

Adicione dentro da página menu.ascx o código abaixo:

<%@ Register TagPrefix="cc1" Namespace="skmMenu" Assembly="skmMenu" %>

<cc1:menu id="Menu1" runat="server" ItemPadding="5" ItemSpacing="0" zIndex="2000" Font-Size="8pt"

MenuFadeDelay="1" Cursor="Pointer" SubMenuCssClass="menu" Layout="Horizontal" HighlightTopMenu="false">

</cc1:menu>

Estou utilizando o menu dentro da página menu.ascx. Note que esse menu funciona em qualquer brownser, tanto faz se é IE, Mozilla ou FireFox, funciona do mesmo jeito e do mesmo layout. Esse código acima foi inserido na parte HTML da página.

Antes de inserir o code-behing da página menu.ascx, terei que criar um arquivo xml, pode ser de qualquer nome, estarei colocando o nome do mesmo como menu.xml. Adicione da mesma forma como adicionou o menu.ascx o menu.xml.

Referência: 1-7

Veja a figura de referência 1-8, mostra o código xml do arquivo do menu.xml.

Referência: 1-9

Depois de criar o arquivo menu.xml definindo o menu, abri o arquivo menu.ascx, cliquei duas vezes na página normalmente e adicionei o código abaixo:

protected void preencheMenu()

{

this.Menu1.DataSource = "http://localhost/Artigos/menu/menu.xml";

this.Menu1.DataBind();

}

Criei apenas um método protected chamado preencheMenu(), adicionando o datasource do Menu1, indicando o xml criado anteriormente. Logo depois, mando preencher o objeto com o DataBind().

Cliquei com o botão direito em cima do projeto e adicionei mais uma página chamada default.aspx, por enquanto a mesma terá só um prefixo incluindo o arquivo menu.ascx. Funciona como se fosse include no ASP 3.0.

Veja o código abaixo junto com a explicação:

Primeiramente adicionei um Prefixo indicando o nome do arquivo ascx.

<%@ Register TagPrefix="Prefixo" TagName="menu" src="menu/menu.ascx" %>

Depois de colocar o endereço correto do arquivo, uso o mesmo mais abaixo, com o seguinte código:

Prefixo: Nome do tagPrefix,

Id= pode ser qualquer nome

Runat = sempre deve ser o server

Fecha a tag.

<Prefixo:menu id="menu" runat="server"></Prefixo:menu>

A figura de referência 1-10 mostra como o código ficará na página default.aspx.

Referência: 1-10

Coloquei como página inicial do projeto o arquivo default.aspx e iniciei a aplicação. Veja na figura de referência 1-11 o funcionamento do menu. O interessante é que o menu funciona em qualquer brownser sem problemas.

Referência: 1-11

Espero que tenham gostado.

Mauricio Junior

mauricio@ascompras.com

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

CURSO EM FORMATO DE VÍDEO-AULA

EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM

Clique no curso para informações detalhadas

Curso

Duração

Mais informações

DVD - Conversão de Formatos Digitais: Áudio e Vídeo

1 h 26 min

CURSOS DISPONÍVEIS

DVD

VÍDEO-AULAS

E-BOOKS

CONCURSOS PÚBLICOS

ARTIGOS E SIMULADOS

FÓRUNS

LIVROS DO AUTOR

Windows Vista - Curso Completo

1476 páginas

Frete Grátis

Windows Server 2003 - Curso Completo

1568 páginas

Frete Grátis

Windows XP - Home & Professional - 2ª Edição

1080 páginas

Frete Grátis

LIVROS INDICADOS

Segurança de Redes em Ambientes Corporativos 2ª Edição

488 páginas

A Bíblia do Linux

736 páginas

MS Project 2007 e Project Server - A Bíblia

832 páginas

Visual C# 2008 - Passo a Passo

624 páginas

Aprendendo MySQL

544 páginas

Oracle 11g - Manual do Administrador de Banco de Dados - DBA

688 páginas

Integrando o Excel com o Access

224 páginas

Universidade Redes

336 páginas

HP 12C Passo a Passo

160 páginas

Google Marketing

480 páginas

PostgreSQL - Guia do Programador

392 páginas

Informática Para quem não sabe nada de Informática

160 páginas

Aprendendo AutoCAD 2008 - Simples e Rápido

256 páginas

Desenho Técnico sem Prancheta com AutoCAD 2008

284 páginas

CURSOS COMPLETOS EM CD

CD-01

CD-02

CD-03

CD-04

CD-05

CD-06

CD-07

CD-08

CD-09

CD-10

CONTATO

Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

CRIANDO MENU DINÂMICO COM C#.NET Passo 1

:: Tutoriais Relacionados

CURSOS
COMPLETOS EM CD