ajax扩展空间(3)

最新推荐文章于 2024-10-15 14:36:38 发布

原创最新推荐文章于 2024-10-15 14:36:38 发布 · 1.2k 阅读

CC 4.0 BY-SA版权

文章标签：

21 篇文章

订阅专栏

本文介绍如何使用 ASP.NET AJAX 控件库中的 CollapsiblePanel 实现页面内容的折叠与展开功能。通过示例展示了 CollapsiblePanel 的基本配置，包括如何设置目标面板、触发按钮、文本标签及图标等。

CollapsiblePanel控件，该控件可以显示或者隐藏某一指定的页面面板内的内容。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CollapsiblePanelDemo.aspx.cs"
Inherits="CollapsiblePanelDemo" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral,
PublicKeyToken=31bf3856ad364e35"

Namespace="System.Web.UI" TagPrefix="asp" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:Panel ID="Panel2" runat="server" Height="30px">

</div>

</asp:Panel>

<asp:Panel ID="Panel1" runat="server" Height="0">

<br />

<p>

展开内容

</p>

</asp:Panel>

</div>

<cc1:CollapsiblePanelExtender ID="cpeDemo" runat="Server"

TargetControlID="Panel1"

ExpandControlID="Panel2"

CollapseControlID="Panel2"

Collapsed="True"

TextLabelID="Label1"

ExpandedText="(隐藏...)"

CollapsedText="(展开...)"

ImageControlID="Image1"

ExpandedImage="~/images/collapse.jpg"

CollapsedImage="~/images/expand.jpg"

SuppressPostBack="true" />

</form>

</body>

</html>