Os controles MultiView e View permitem dividir o conteúdo de uma página em diferentes grupos e exibir apenas um grupo por vez. Cada controle de visualização gerencia o conteúdo de um grupo e todos os controles de visualização são incluídos em um controle MultiView.
Um controle multivisualização é responsável apenas por exibir uma visualização por vez. A exibição da visualização é chamada de visualização ativa.
A sintaxe do controle MultiView é:
<asp:MultView ID= "MultiView1" runat= "server"></asp:MultiView>A sintaxe do controle View é:
<asp:View ID= "View1" runat= "server"></asp:View>No entanto, o controle não pode existir por si só. Se você tentar usá-lo sozinho, receberá um erro. É sempre usado com um controlador multi-view:
<asp:MultView ID= "MultiView1" runat= "server"> <asp:View ID= "View1" runat= "server"> </asp:View></asp:MultiView>Visualizações e controles multivisualização são derivados da classe Control. e herda todas as suas propriedades, métodos e eventos. A propriedade mais importante de um controle de visualização é a propriedade Booleana Visível, que define a visibilidade de uma visualização.
Os controles Multiview possuem os seguintes recursos importantes:
| propriedade | descrever |
|---|---|
| Visualizações | Um controle de visualização que integra diversas visualizações. |
| ActiveViewIndex | O índice baseado em zero que representa a visualização ativa. Se nenhuma visualização estiver ativa, o valor do índice será -1. |
As propriedades CommandName dos controles de botão relacionadas à navegação do controle MultiView estão associadas a alguns campos relacionados do controle MultiView.
Por exemplo, se o valor CommandName de um controle de botão estiver relacionado à navegação de vários modos de exibição, ele navegará automaticamente para o próximo modo de exibição quando o botão for clicado.
A tabela a seguir mostra os nomes de comandos padrão para as propriedades acima:
| elemento | descrever |
|---|---|
| PróximoViewCommandName | próxima visualização |
| AnteriorViewCommandName | Visualização anterior |
| SwitchViewByIDCommandName | SwitchViewByID |
| SwitchViewByIndexCommandName | SwitchViewByIndex |
Métodos importantes de controle multiponto de vista são:
| método | descrever |
|---|---|
| Definir visualização ativa | Definir visualização ativa |
| GetActiveview | Recuperar visualização ativa |
Cada vez que a visualização muda, a página é postada de volta no servidor e alguns eventos são acionados. Alguns eventos importantes são:
| evento | descrever |
|---|---|
| ActiveView alterado | Acionado quando uma visualização é alterada |
| Ativar | Acionado pela visualização ativa |
| Desativar | Acionado por visualização inativa |
Além das propriedades, métodos e eventos mencionados acima, os controles multiview herdam membros das classes de controle e objeto.
A página de amostra tem três visualizações. A visualização de navegação de cada visualização possui dois botões.
O código do arquivo de conteúdo é o seguinte:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="multiviewdemo._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title> Untitled Page </title> </head> <body> <form id="form1" runat="server"> <div> <h2>MultiView and View Controls</h2> <asp:DropDownList ID="DropDownList1" runat="server" onselectedindexchanged="DropDownList1_SelectedIndexChanged"> </asp:DropDownList> <hr /> <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="2" onactiveviewchanged="MultiView1_ActiveViewChanged" > <asp:View ID="View1" runat="server"> <h3>This is view 1</h3> <br /> <asp:Button CommandName="NextView" ID="btnnext1" runat="server" Text = "Go To Next" /> <asp:Button CommandArgument="View3" CommandName="SwitchViewByID" ID="btnlast" runat="server" Text ="Go To Last" /> </asp:View> <asp:View ID="View2" runat="server"> <h3>This is view 2</h3> <asp:Button CommandName="NextView" ID="btnnext2" runat="server" Text = "Go To Next" /> <asp:Button CommandName="PrevView" ID="btnprevious2" runat="server" Text = "Go To Previous View" /> </asp:View> <asp:View ID="View3" runat="server"> <h3> This is view 3</h3> <br /> <asp:Calendar ID="Calender1" runat="server"></asp:Calendar> <br /> <asp:Button CommandArgument="0" CommandName="SwitchViewByIndex" ID="btnfirst" runat="server" Text = "Go To Next" /> <asp:Button CommandName="PrevView" ID="btnprevious" runat="server" Text = "Go To Previous View" /> </asp:View> </asp:MultiView> </div> </form> </body></html>Observe o seguinte:
MultiView.ActiveViewIndex determina quais visualizações serão exibidas. Esta é a única visualização renderizada na página. O valor padrão de ActiveViewIndex quando nenhuma visualização é exibida é -1. Como ActiveViewIndex é definido como 2 no exemplo, ele exibe a terceira visualização quando executado.
