AjaxControlToolkit挖掘效果之CollapsiblePanel
YD 都是英文 都在欺负我啊
还好test了下 成功 呵呵 ~~ 鄙视哪些貌似牛逼人物 小菜还需慢慢成长!~~
显示文章标题
点击后显示内容等信息
====================================
顺便给出代码吧 我也不是很懂 大家帮我解释下哈~~~
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default6.aspx.cs" Inherits="Default6" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div class="demoarea">
<asp:Panel ID="Panel2" runat="server" CssClass="collapsePanelHeader">
<div style="padding:5px; cursor: pointer; vertical-align: middle;">
<asp:Label ID="Label1" runat="server">(Show Details...)</asp:Label>
<asp:ImageButton ID="Image1" runat="server" ImageUrl="~/images/expand_blue.jpg" AlternateText="(Show Details...)"/>
</div>
</asp:Panel>
<asp:Panel ID="Panel1" runat="server" CssClass="collapsePanel" Height="0">
<br />
<p>
asdfsdasd
a
sd
asd
as
d
as
d
as
dasd
</p>
</asp:Panel>
</div>
<ajaxToolkit:CollapsiblePanelExtender ID="cpeDemo" runat="Server"
TargetControlID="Panel1"
ExpandControlID="Panel2"
CollapseControlID="Panel2"
Collapsed="True"
TextLabelID="Label1"
ImageControlID="Image1"
ExpandedText="(Hide Details...)"
CollapsedText="(Show Details...)"
ExpandedImage="~/images/collapse_blue.jpg"
CollapsedImage="~/images/expand_blue.jpg"
SuppressPostBack="true"
SkinID="" />
</form>
</body>
</html>
还好test了下 成功 呵呵 ~~ 鄙视哪些貌似牛逼人物 小菜还需慢慢成长!~~
显示文章标题
点击后显示内容等信息
====================================
顺便给出代码吧 我也不是很懂 大家帮我解释下哈~~~
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default6.aspx.cs" Inherits="Default6" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div class="demoarea">
<asp:Panel ID="Panel2" runat="server" CssClass="collapsePanelHeader">
<div style="padding:5px; cursor: pointer; vertical-align: middle;">
<asp:Label ID="Label1" runat="server">(Show Details...)</asp:Label>
<asp:ImageButton ID="Image1" runat="server" ImageUrl="~/images/expand_blue.jpg" AlternateText="(Show Details...)"/>
</div>
</asp:Panel>
<asp:Panel ID="Panel1" runat="server" CssClass="collapsePanel" Height="0">
<br />
<p>
asdfsdasd
a
sd
asd
as
d
as
d
as
dasd
</p>
</asp:Panel>
</div>
<ajaxToolkit:CollapsiblePanelExtender ID="cpeDemo" runat="Server"
TargetControlID="Panel1"
ExpandControlID="Panel2"
CollapseControlID="Panel2"
Collapsed="True"
TextLabelID="Label1"
ImageControlID="Image1"
ExpandedText="(Hide Details...)"
CollapsedText="(Show Details...)"
ExpandedImage="~/images/collapse_blue.jpg"
CollapsedImage="~/images/expand_blue.jpg"
SuppressPostBack="true"
SkinID="" />
</form>
</body>
</html>