Ajax Accordion(可折叠) 动态生成菜单

最新推荐文章于 2021-08-06 13:43:03 发布

生产的驴

最新推荐文章于 2021-08-06 13:43:03 发布

阅读量166

点赞数

文章标签： c#

原文链接：http://www.cnblogs.com/dqdxf/archive/2013/04/25/3042755.html

版权

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;
}

运行效果图：

转载于:https://www.cnblogs.com/dqdxf/archive/2013/04/25/3042755.html

生产的驴

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax Accordion(可折叠) 动态生成菜单

aspx页面代码View Code 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxtTest.aspx.cs" Inherits="FileManage_AjaxtTest" %> 2 3 <%@ Register Assembly="AjaxControlToolkit" Na...
复制链接

扫一扫