Как показать вкладку управления в asp.net - PullRequest
Новая
       7

Как показать вкладку управления в asp.net

4 голосов
/ 29 марта 2012

Я занимаюсь разработкой веб-приложения на C # .NET с использованием .NET Framework 4.0.

Для этого мне нужно показать страницу с 3 вкладками, как это делают наши веб-браузеры. Каждая вкладка имеет различную функциональность.

Как создать элемент управления вкладками в Visual Studio с помощью .NET Framework 4.0, есть ли встроенные элементы управления вкладками?

привет

1 Ответ

13 голосов
/ 29 марта 2012

Существует набор инструментов управления AJAX вкладки и jQuery UI . Я использовал оба и предпочитаю jQuery UI. Microsoft официально включает / рекомендует jQuery с веб-приложениями.

Если каждая вкладка имеет совершенно отдельный контент, я бы предложил отобразить простую, стилизованную панель ссылок и иметь ссылку на каждый элемент на новую страницу / представление. Таким образом, скрытый контент не отображается, пока он не понадобится.

Пример jQuery UI

Обратите внимание, что это не имеет ничего общего с .NET или Visual Studio; это чисто клиентское решение. 

<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>
...