Создание интерфейса с вкладками

Большинство настольных приложений и многие современные броузеры реализуют интерфейс с вкладками. Для создания вкладок на веб-сайте можно использовать элементы управления TabPanel и TabContainer, входящие в состав пакета ASP.NET AJAX Control Toolkit. Каждый компонент TabPanel представляет одну вкладку. Для отображения заголовка на вкладке используется свойство HeaderText. Содержимое самой вкладки, включая необязательную информацию о стилях оформления, хранится в дочернем элементе компонента TabPanel:

(ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Chapter 1")

Chapter 1 gives a high?level overview of Ajax and the ASP.NET AJAX
framework and then covers the installation of ASP.NET AJAX, a review of its
structure, and a first simple example.

(/ajaxToolkit:TabPanel)

Элемент TabContainer служит контейнером для размещения компонентов TabPanel. Все остальное берет на себя пакет ASP.NET AJAX Control Toolkit. Когда пользователь щелкает на вкладке, ее содержимое автоматически выводится на экран (пример 12.9).

Пример 12.9. Использование элементов управления TabContainer и TabPanel Tab.aspx
<%@ Page Language="C#" %>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1?transitional.dtd"> ASP.NET AJAX

(body)
(asp:ScriptManager ID="ScriptManager1" runat="server" /)

(ajaxToolkit:TabContainer ID="TabContainer1" runat="server")
(ajaxToolkit:TabPanel ID="TabPanel1" runat="server"
HeaderText="Chapter 1")

Chapter 1 gives a high?level overview of Ajax and the ASP.NET AJAX framework and then covers the installation of ASP.NET AJAX, a review of its structure, and a first simple example.

(/ajaxToolkit:TabPanel)
(ajaxToolkit:TabPanel ID="TabPanel2" runat="server"
HeaderText="Chapter 2")

Chapter 2 is a concise introduction to JavaScript.


Although ASP.NET AJAX does its best to hide the details from ASP.NET programmers, a certain knowledge of JavaScript is required to really master ASP.NET AJAX.

(/ajaxToolkit:TabPanel)
(ajaxToolkit:TabPanel ID="TabPanel3" runat="server"
HeaderText="Chapter 3")

Chapter 3 explains the technologies beyond the hype. You learn what happens in the background, how Ajax works, and what it really is all about, in fewer than 20 pages.

(/ajaxToolkit:TabPanel)
(/ajaxToolkit:TabContainer)


(/body)
.



Оцените статью: (0 голосов)
0 5 0

Статьи из раздела ASP.NET AJAX на эту тему:
Борьба со спамом в блогах и других формах ввода информации
Динамическая свертка единственной панели
Добавление функции автодополнения к элементу управления TextBox
Отображение всплывающего окна на странице
Присоединение календаря к текстовому полю