c# - Cómo mostrar el control de pestañas en asp.net

visual-studio .net-4.0

Question

Estoy desarrollando una aplicación web C # .NET usando .NET Framework 4.0.

En eso, necesito mostrar una página con 3 pestañas, como hacen nuestros navegadores web. Cada pestaña tiene una funcionalidad diferente.

¿Cómo puedo crear control de pestañas en Visual Studio con .NET Framework 4.0? ¿Hay algún control de pestañas incorporado?

Saludos

Answer 1

Están las pestañas del juego de herramientas de control de AJAX y las pestañas de la jQuery UI . He usado ambos y prefiero jQuery UI. Microsoft oficialmente incluye / recomienda jQuery con aplicaciones web.

Si cada pestaña tiene un contenido completamente separado, sugeriría que represente una barra de enlaces simple y con estilo, y que cada elemento se vincule a una nueva página / vista. De esta forma, el contenido oculto no se procesará hasta que sea necesario.

Ejemplo de jQuery UI

Tenga en cuenta que esto no tiene nada que ver con .NET o Visual Studio; esta es una solución puramente del lado del cliente.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<script>

$(function() {
    $( "#tabs" ).tabs();
});

</script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>
    <div id="tabs-1">Content 1</div>
    <div id="tabs-2">Content 2</div>
    <div id="tabs-3">Content 3</div>
</div>