Bootstrap v2.3.2 动态绑定折叠
2015-12-01 16:40
591 查看
通过目录路径,获得该文件路径下所有的txt文件,并将该文件名和文件内容进行动态显示
首先看一下折叠菜单的Html结构
首先看一下折叠菜单的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>
相关文章推荐
- Bootstrap 附加导航(Affix)插件
- bootstrap学习网址
- bootstrap常见类的总结
- BootstrapOffCanves
- bootstrap快速入门笔记(六)-代码
- bootstrap快速入门笔记(五)-文本元素类,各种标签,排版
- Bootstrap 历练实例-轮播(carousel)插件的事件
- Bootstrap 历练实例-轮播(carousel)插件方法
- Bootstrap 轮播(Carousel)插件
- bootstrap快速入门笔记(四)-less用法指南, mixin和变量
- JS组件系列——Bootstrap文件上传组件:bootstrap fileinput
- 全面解析Bootstrap弹窗的实现方法
- BootStrap带样式打印
- Bootstrap_基本HTML模板
- bootstrap中的标签和徽章
- Bootstrap中的标签和徽章
- bootstrap中的标签和徽章
- Asp.Net MVC+BootStrap+EF6.0实现简单的用户角色权限管理
- Asp.Net MVC+BootStrap+EF6.0实现简单的用户角色权限管理10
- 全面解析Bootstrap弹窗的实现方法