jquery插件treetable使用

下载后treetable插件后只需要保留jquery.treetable.css样式文件，jquery.treetable.theme.default.css皮肤文件和jquery.treetable.js库，在页面上引用后初始化

　　$("#treeTable").treetable({ expandable: true });

　　expandable为true ，初始化展开显示

　　先上局部视图改造后的代码，

@model List<Org>@helper RenderTable(Org org, List<Org> source)
{<tr data-tt-id="@org.ID" data-tt-parent-id="@org.ParentID"><td><span class="folder">@org.Name</span>@((org.AreaType == 1) ? "（镜头组）" : "")</td><td class="text-center"><a href="#" οnclick="edit(false,'@org.ID')"><span class="glyphicon glyphicon-edit"></span></a>&nbsp;@if (org.ParentID != "0" && source.Count(m => m.ParentID == org.ID) <= 0){<a href="#" οnclick="del('@org.ID','@org.Name')"><span class="glyphicon glyphicon-trash"></span></a><i>&nbsp;</i>}@if (org.AreaType != 1){<a href="#" οnclick="edit(true,'@org.ID')"><span class="glyphicon glyphicon-plus"></span></a>}</td></tr>if (source.Count(m => m.ParentID == org.ID) > 0){foreach (var item in source.Where(m => m.ParentID == org.ID).ToList()){@RenderTable(item, source);}}
}<table class="table table-bordered table-striped" id="treeTable"><thead><tr><th width="80%">编号</th><th class="text-center">操作</th></tr></thead><tbody>@if (null != Model && Model.Any()){foreach (var item in Model.Where(m => m.ParentID == "0").ToList()){@RenderTable(item, Model)}}</tbody>
</table>

　　之前同事写的嵌套几层循环，每层循环内判断，改造后在页面里定义输出方法递归调用，显示效果跟之前同事写的一样，看看效果

jquery插件treetable使用相关推荐

原创jquery插件treeTable（转）
由于工作需要,要直观的看到某个业务是由那些子业务引起的异常,所以我需要用树表的方式来展现各个层次的数据. 需求: 1.数据层次分明: 2.数据读取慢.需要动态加载孩子节点: 3.支持默认展开多少层. ...
jQuery插件 treeTable V1.4.2 与 bootstrapTable整合
想做一个菜单管理,将菜单比较直观的展示出来,于是想到树,于是就在网上找看有没有树表,找了很多.比较起来感觉詹潮江的 jQuery插件 treeTable V1.4.2比较好用.最近老是用bootstr ...
15款提高表格操作的jQuery插件
table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了.大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式 ...
jQuery插件thickbox在ie下垂直居中问题
jQuery 插件 thickbox 3.1 在ie下总不能垂直居中,按"http://jamazon.co.uk/web/2008/03/17/thickbox-31-ie7-positi ...
自己开发开源jquery插件--给jquery.treeview加上checkbox
很多时候需要把树状的数据显示除来,比如分类,中国省份.城市信息,等,因此这方面的javascript插件也有很多.比如性能优异的jquery.treeview和国人开发的功能强大的zTree. 我最近 ...
推荐两款简单好用的图片放大jquery插件
一.zoomfiy.js 推荐可以从这里下载使用说明: 使用该jquery 插件引入该插件的js:zoomfiy.js 或 min 引入该插件的css:zoomfiy.css 或 min 前后顺序 ...
动感效果的TAB选项卡 jquery 插件
动感效果的TAB选项卡 jquery 插件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...
【JQUBAR1.1】jQuery 插件发布
[JQUBAR1.1]jQuery 插件发布 JQUBAR1.1 简介 2010-11-22在博客园发布了柱状图JQUBar1.0 jQuery 插件.现将该插件升级为1.1版本. 1.1版本修复了部 ...
240个jquery插件
240个jquery插件 http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/ File uplo ...

jquery插件treetable使用

jquery插件treetable使用相关推荐

最新文章

热门文章