aspx页面代码
View Code
1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxtTest.aspx.cs" Inherits="FileManage_AjaxtTest" %> 2 3 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor" 4 TagPrefix="cc1" %> 5 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> 6 <html> 7 <head runat="server"> 8 <title>AjaxTest</title> 9 <link href="../css/myStyle.css" rel="stylesheet" type="text/css" /> 10 </head> 11 <body> 12 <form id="form1" runat="server"> 13 <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 14 </asp:ToolkitScriptManager> 15 <div> 16 <asp:Accordion ID="Accordion1" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader" 17 ContentCssClass="accordionContent" AutoSize="none" FadeTransitions="true" TransitionDuration="250" 18 Width="200" Height="400" FramesPerSecond="40" RequireOpenedPane="false" SuppressHeaderPostbacks="true"> 19 </asp:Accordion> 20 </div> 21 </form> 22 </body> 23 </html>
cs文件中加载数据
View Code
1 protected void Page_Load(object sender, EventArgs e) 2 { 3 DataTable dt = new DataTable(); 4 AccordionPane ap = null; 5 Label lblMenu = null; 6 HyperLink hlMenu = null; 7 dt.Columns.Add("HeaderText"); 8 dt.Columns.Add("ContentText"); 9 dt.Columns.Add("ContentUrl"); 10 dt.Rows.Add(new object[] { "系统定义", "人员定义","FileManage/AjaxtTest.aspx" }); 11 dt.Rows.Add(new object[] { "项目管理", "许可证管理","内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容" }); 12 dt.Rows.Add(new object[] { "菜单三", "许可证管理", "内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容" }); 13 dt.Rows.Add(new object[] { "菜单四", "许可证管理", "内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容" }); 14 dt.Rows.Add(new object[] { "菜单五", "许可证管理", "内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容" }); 15 16 for (int i = 0; i < dt.Rows.Count; i++) 17 { 18 ap = new AccordionPane(); 19 ap.ID ="ap" +i; 20 lblMenu = new Label(); 21 hlMenu = new HyperLink(); 22 lblMenu.Text = dt.Rows[i]["headerText"].ToString(); 23 hlMenu.Text = dt.Rows[i]["ContentText"].ToString(); 24 hlMenu.NavigateUrl = dt.Rows[i]["ContentUrl"].ToString(); 25 ap.HeaderContainer.Controls.Add(lblMenu); 26 ap.ContentContainer.Controls.Add(hlMenu); 27 this.Accordion1.Panes.Add(ap); 28 29 } 30 }
样式
body {
}
.accordionHeader
{
border:1px solid #2F4F4F;
background-color:#99CCCC;
font-family:宋体;
font-size:16px;
font-weight:bold;
padding:5px;
margin-top:5px;
}
.accordionContent
{
border:1px dashed #2F4F4F;
background-color:#CCFFCC;
font-family:Arial;
border-top:none;
padding:5px;
padding-top:10px;
}
运行效果图: