Como simular un Tab Control con un MultiView Seleccionando el View actual con ActiveViewIndex

132

3096

Inicio

Contactenos

Registrese

Recuperar contraseña

Nosotros

Relacionadas


-	Curso para desarrollo de Aplicaciones web con ASP.NET

-	Introducción a Generic Handlers en ASP.NET y un ejemplo de como utilizarlos.

-	Uso de Expresiones Regulares para Validar un Número Decimal

-	Que son los archivos XSL y para que nos sirven

-	Como crear un dataset tipado y un reporte con crystalreport

-	Como exportar una grilla (gridView) a Excel en Visual Basic

-	Visual Round Trip Analyzer (analisis de aplicacionesweb)

-	Controles DropDownList, GridView, FormView, DetailsView, DataList, Repeater

Categorias

Varios

Articulos y manuales de wpf, html, crystal report, gadget...

Enlaces

Encuentra links a manuales o paginas relacionadas

Visual C#

Creado en el 2001 y actualmente se se encuentra en su version 4.0

Visual Basic

Visual Basic es un lenguaje de programación desarrollado por Alan Cooper para Microsoft.

SQL Server

Basado en el lenguaje Transact-SQL, y específicamente en Sybase IQ

ASP .Net

Apareció en enero de 2002 con la versión 1.0 del .NET Framework

JavaScript

JavaScript es un lenguaje de programación interpretado, es decir, que no requiere compilación

Utilidades

Herramientas y utilidades que podras usar en tus ambientes de desarrollo. Hazte la Vida mas Facil!!!

Noticias


	Ex empleado de Apple describe duro sistema de trabajo y "ley del silencio"
	El uso de blogs hasta lo que pueden o no pueden comentar con sus cónyuges en sus hogares
	7/15/2010 6:57:11 AM


	El iPhone 4, no apto para zurdos
	Las críticas sobre la calidad de la recepción cuando se sostiene con la mano izquierda
	6/26/2010 8:35:23 PM


	Nuevo Hotmail a partir de hoy
	Exchange ActiveSync en móviles como iPhone, BlackBerry, o Windows Phone
	6/17/2010 12:41:25 PM


	Microsoft Office 2010 es ahora gratuito en versión web
	Office.live.com
	6/10/2010 6:34:23 AM

Eventos


	Se inicia el Campus Party 2010
	Del 28 de Junio al 4 de Julio se inicia la tercera edición de la fiesta de la tecnología en Colombia, que se caracteriza por ser un foro para aprender.
	6/29/2010 2:32:59 PM


	Novedades en Reporting Services 2008 R2
	Nuevas funcionalidades de SSRS 2008 R2 (Maps, Report Builder 3.0, cambios de skin y mucho más).
	2/4/2010 8:08:54 AM


	Uso del diseñador de SharePoint y Visual Studio con Microsoft Business Connectivity Services en SharePoint 2010
	crear Tipos de contenido externos para conectarse a los sistemas externos.
	2/4/2010 8:04:53 AM


	Creación de soluciones Office con Visual Studio 2010 y Office 2010
	Webcast
	1/10/2010 10:44:50 PM

Inicio

Categorias

ASP .Net

Como simular un Tab Control con un MultiView

Como simular un Tab Control con un MultiView

Seleccionando el View actual con ActiveViewIndex

Javier Vera Torres

Como simular un Tab Control con un MultiView

Seleccionando el View actual con ActiveViewIndex

Fecha publicación:6/3/2008 8:26:21 PM


El Tab Control existe en aplicaciones de windows, y existe un control similar en AjaxControlToolKit para aplicaciones web. Pero en este articulo veremos como con el control MultiView y View podemos simular esta funcionalidad. Primero creamos una aplicación web y del ToolBox en el item standard arrastramos los controles Multiview y View, la idea es que un MultiView puede contener varios View y asu ves dentro de un View podemos agregar codigo html o controles de usuario, etc y ademas podemos modificar una propiedad del multiview para seleccionar el view que queremos ver en pantalla, algo asi como mostrar y ocultar controles. Para esto agregamos el siguiente codigo html.

       <table border="1">
            <tr>
                <td>
                    <asp:Button ID="Button1" runat="server" Text="View1" BorderStyle="None" 
                        BorderWidth="0px" onclick="Button1_Click" />
                </td>
                <td>
                    <asp:Button ID="Button2" runat="server" Text="View2" BorderStyle="None" 
                        BorderWidth="0px" onclick="Button2_Click" />
                </td>
                <td>
                    <asp:Button ID="Button3" runat="server" Text="View3" BorderStyle="None" 
                        BorderWidth="0px" onclick="Button3_Click" />
                </td>
                <td>
                    <asp:Button ID="Button4" runat="server" Text="View4" BorderStyle="None" 
                        BorderWidth="0px" onclick="Button4_Click" />
                </td>
            </tr>
        </table>
    
        <asp:MultiView ID="MultiView1" runat="server">
            <asp:View ID="View1" runat="server">
                <div style="background-color: #FF0000">
                    View1
                </div>
            </asp:View>
            <asp:View ID="View2" runat="server">
                <div style="background-color: #FF00FF">
                    View2
                </div>
            </asp:View>
            <asp:View ID="View3" runat="server">
                <div style="background-color: #0000FF">
                    View3
                </div>
            </asp:View>
            <asp:View ID="View4" runat="server">
                <div>
                    View4
                </div>
            </asp:View>
        </asp:MultiView>


Cada uno de los botones selecciona un view diferente y para esto agregamos el siguiente codigo en el lado del servidor.

protected void Page_Load(object sender, EventArgs e)
{
   if(!Page.IsPostBack)
      MultiView1.ActiveViewIndex = 0;
}
protected void Button1_Click(object sender, EventArgs e)
{
   MultiView1.ActiveViewIndex = 0;
}

protected void Button2_Click(object sender, EventArgs e)
{
   MultiView1.ActiveViewIndex = 1;
}

protected void Button3_Click(object sender, EventArgs e)
{
   MultiView1.ActiveViewIndex = 2;
}

protected void Button4_Click(object sender, EventArgs e)
{
   MultiView1.ActiveViewIndex = 3;
}


Saludos

Agregar comentarios

Autor:
Comentario:
codigo de la imagen

Fecha de publicación: 6/3/2008 8:26:21 PM