Exemplos Práticos: Controles Nativos do ASP.NET – Web Parts – Parte 3

 Crie uma aplicação Web e arraste para a Default.aspx o controle WebPartManager. Arraste também o controle WebPartZone, dentro dele adicione os controles nativos do ASP.NET, como o Calendar e o ListBox. Se quiser também, use a opção AutoFormat para dar uma formatação melhor ao controle. Altere a propriedade Title dos controles também para dar um título a eles.

 Agora clique no WebPartZone e aperte F4 para ver as propriedades dele. Note que existem várias, teste algumas e altere a propriedade LayoutOrientation para Horizontal e aperte F5 para compilar a aplicação. Nesse momento irá demorar mais do que o normal porque o ASP.NET irá criar um banco de dados para armazenar as preferências dos usuários. Veja o resultado:

 Note que se você clicar nas setas de cada controle, irá aparecer os botões Minimizar e Fechar, não clique neles pois não será possível voltar os itens fechados (para isso é necessário um catálogo no qual o usuário possa escolher o que quer ver ou não).

 Agora o mais legal: pare a compilação e aperte F7 para entrar na página de códigos de sua página. Vá ao evento Load e coloque o seguinte código:

protected void Page_Load(object sender, EventArgs e)

        {

            WebPartManager1.DisplayMode = WebPartManager1.DisplayModes["Design"];

        }

 Compile e note que os controles Calendar e ListBox podem ser mudados de lugar:

 Editando Web Parts – Para alterar as configurações de um Web Part, é necessário ter um EditorZone dentro da página. Este editor pode alterar a aparência de um web part (como comentado no artigo anterior). Para isso faça o seguinte:

 Nessa mesma página de exemplo adicione um EditorPartZone e, dentro dele, insira um LayoutEditorPart, que irá permitir ao usuário definir o layout do WebPartManager.

 Agora vá ao Page_Load para alterar o modo de visualização para Edit, compile e veja o resultado:

protected void Page_Load(object sender, EventArgs e)

        {

            WebPartManager1.DisplayMode = WebPartManager1.DisplayModes["Edit"];

 Ao clicar no botão Editar, o controle pode ser editado.

 Inserindo um Catálogo – Um catálogo permite que o usuário escolha quais Web Parts vão aparecer na página. Para adicionarmos um catálogo, faça o seguinte:

 Adicione um CatalogZone à página, adicione um DeclarativeCatalogPart, nele clique em Edit Template e adicione os controles que você deseja que o usuário insira no WebPart, como um DropDownList e FileUpload, por exemplo. Lembre-se de definir um nome para os controles no atributo Title deles, no ASPX.

 Finalizando adicione um botão logo abaixo do CatalogZone (fora dele) com o nome Catálogo. Chame o evento Click dele e insira o seguinte código:

protected void btnCatalogo_Click(object sender, EventArgs e)

        {

            WebPartManager1.DisplayMode = WebPartManager1.DisplayModes["Catalog"];

        }

 Compile e faça o teste. Agora podemos inserir ou retirar itens do catálogo:

 Fonte de Consulta: Apostila de ASP.NET, da Impacta Tecnologia

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

 Wellington Balbo de Camargo

 wellingtonbalbo@gmail.com