Динамическая свертка единственной панели

В разделе «Создание раздвижных панелей», ранее в этой главе, демонстрировалась возможность создания серии выдвижных панелей. Теперь мы рассмотрим вариант с единственной панелью. Если панель представлена в компоненте ASP.NET Panel, тогда с помощью CollapsiblePanelExtender можно реализовать поведение, подобное тому, которое создает расширитель Accordion для нескольких панелей. В расширителе CollapsiblePanelExtender необходимо определить значения следующих свойств:
CollapseControlID
Элемент управления, который будет сворачивать панель
ExpandControlID
Элемент управления, который будет разворачивать панель
TargetControlID
Элемент управления (панель), который будет сворачиваться и разворачиваться

Как правило, свойствам CollapseControlID и ExpandControlID присваивается одно и то же значение, а щелчок на этом заголовке вызывает сворачивание или разворачивание панели. В примере 12.6 приводится полный программный код, в котором используется CSS-стиль cursor: pointer, который уже встречался вам ранее в примере с компонентом Accordion.

Пример 12.6. Использование CollapsiblePanelExtender CollapsiblePanel.aspx
<%@ Page Language="C#" %>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1?transitional.dtd"> ASP.NET AJAX


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

(asp:Panel ID="Panel1" runat="server" CssClass="panelHeader")Chapter 1
(/asp:Panel)
(asp:Panel ID="Panel2" runat="server" CssClass="panelContent")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:CollapsiblePanelExtender ID="CollapsiblePanelExtender1"
runat="server" TargetControlID="Panel2"
CollapseControlID="Panel1" ExpandControlID="Panel1" /)

(/body)
.



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

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