Los controles MultiView y View le permiten dividir el contenido de una página en diferentes grupos y mostrar solo un grupo a la vez. Cada control de vista administra el contenido de un grupo y todos los controles de vista se incluyen en un control MultiView.
Un control multivista solo es responsable de mostrar una vista a la vez. La visualización de la vista se denomina vista activa.
La sintaxis del control MultiView es:
<asp:MultView ID= "MultiView1" runat= "server"></asp:MultiView>La sintaxis del control Ver es:
<asp:View ID= "View1" runat= "server"></asp:View>Sin embargo, el control no puede existir por sí solo. Si intentas usarlo solo, obtendrás un error. Siempre se usa con un controlador multivista:
<asp:MultView ID= "MultiView1" runat= "server"> <asp:View ID= "View1" runat= "server"> </asp:View></asp:MultiView>Las vistas y los controles multivista se derivan de la clase Control. y hereda todas sus propiedades, métodos y eventos. La propiedad más importante de un control de vista es la propiedad booleana visible, que establece la visibilidad de una vista.
Los controles de vista múltiple tienen las siguientes características importantes:
| propiedad | describir |
|---|---|
| Vistas | Un control de vista que integra múltiples vistas. |
| Índice ActiveView | El índice de base cero que representa la vista activa. Si no hay ninguna vista activa, el valor del índice es -1. |
Las propiedades CommandName de los controles de botón relacionados con la navegación del control MultiView están asociadas con algunos campos relacionados del control MultiView.
Por ejemplo, si el valor CommandName de un control de botón está relacionado con la navegación de varias vistas, navegará automáticamente a la siguiente vista cuando se haga clic en el botón.
La siguiente tabla muestra los nombres de comando predeterminados para las propiedades anteriores:
| elemento | describir |
|---|---|
| NombredelcomandoVistaSiguiente | siguiente vista |
| AnteriorVerNombreComando | Vista anterior |
| SwitchViewByIDCommandName | CambiarVistaPorID |
| SwitchViewByIndexCommandName | CambiarViewByIndex |
Los métodos importantes de control de múltiples puntos de vista son:
| método | describir |
|---|---|
| Establecer vista activa | Establecer vista activa |
| ObtenerActiveview | Recuperar vista activa |
Cada vez que cambia la vista, la página se vuelve a publicar en el servidor y se activan algunos eventos. Algunos eventos importantes son:
| evento | describir |
|---|---|
| ActiveViewCambiado | Se activa cuando cambia una vista |
| Activar | Activado por vista activa |
| Desactivar | Activado por vista inactiva |
Además de las propiedades, métodos y eventos mencionados anteriormente, los controles multivista heredan miembros de las clases de control y objeto.
La página de muestra tiene tres vistas. La vista de navegación de cada vista tiene dos botones.
El código para el archivo de contenido es el siguiente:
<%@ 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>Tenga en cuenta lo siguiente:
MultiView.ActiveViewIndex determina qué vistas se mostrarán. Esta es la única vista representada en la página. El valor predeterminado de ActiveViewIndex cuando no se muestra ninguna vista es -1. Dado que ActiveViewIndex se define como 2 en el ejemplo, muestra la tercera vista cuando se ejecuta.
