Bootstrap v2.3.2 动态绑定折叠

最新推荐文章于 2019-06-03 17:11:46 发布

子墨爸爸

最新推荐文章于 2019-06-03 17:11:46 发布

阅读量1.1k

点赞数

分类专栏： Js模块化开发案例分析文章标签： bootstrap

本文链接：https://blog.csdn.net/wupd2014/article/details/50131455

版权

Js模块化开发案例分析专栏收录该内容

34 篇文章 1 订阅

订阅专栏

通过目录路径，获得该文件路径下所有的txt文件，并将该文件名和文件内容进行动态显示
首先看一下折叠菜单的Html结构

<div class="panel-group" id="accordion">
            <% int index = 1;
               foreach (System.IO.FileInfo fsi in dir.GetFileSystemInfos())
               { %>
            <% string NameSTr = fsi.Name.Substring(0, 4) + "年" + fsi.Name.Substring(4, 2) + "月" + fsi.Name.Substring(6, 2) + "日";%>
            <% 
               StringBuilder content = new StringBuilder();
               string[] strs = System.IO.File.ReadAllLines(Server.MapPath("Log/") + fsi.Name);
               foreach (var item in strs)
               {
                   content.Append(item + "</Br>");
               }
            %>
            <%if (index == 1)
              {
                  index++;
            %>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" data-toggle="collapse" href="#collapseOne">
                            <%=NameSTr%>
                        </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <%=content.ToString() %>
                    </div>
                </div>
            </div>
            <%} %>
            <%else
              {%>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" data-toggle="collapse" href="#collapse<%=index %>"><%=NameSTr %>
                        </a>
                    </h4>
                </div>
                <div id="collapse<%=index %>" class="panel-collapse collapse">
                    <div class="panel-body">
                        <%=content.ToString() %>
                    </div>
                </div>
            </div>
            <%
                  index++;
              } %>
            <%} %>
        </div>