ligerui tree mysql_jquery的tree table(树表)

因项目需要，需要在表格中加入tree，使用了jquery的tree table，经美化，完美兼容各种框架的table；

请移步下载tree table 的js文件及css文件等，http://ludo.cubicphuse.nl/jquery-treetable/；

用到css文件：

用到js文件：

使用示例：

Parent

Child

data-tt-id为2的tr 通过data-tt-parent-id指向1节点，意思就是第二个tr是第一个tr的子节点；

一行js搞定，$("#tableId).treetable({expandable : true});

层级复杂的表格通过后台递归查询查出数据list后，可以通过判断该节点是否具有父节点来给tr增加parent_id,看示例：

var trArr = $("#tableId tr");

for (var i = 0; i < trArr.length; i++) {

$("#tableId tr:eq(" + i + ")").attr(

"data-tt-id", tabledate[i].orgId);

if (tabledate[i].parentOrg != '') {

$("#tableIdtr:eq(" + i + ")").attr(

"data-tt-parent-id", tabledate[i].parentOrg);

}

}

查找算法&lpar;5&rpar;--Tree table lookup--树表查找

1.树表查找 (1) 最简单的树表查找算法——二叉树查找算法. [1]基本思想:二叉查找树是先对待查找的数据进行生成树,确保树的左分支的值小于右分支的值,然后在就行和每个节点的父节点比较大小,查找最适 ...

C&num;结合Jquery LigerUI Tree插件构造树

Jquery LigerUI Tree是Jquery LigerUI()的插件之一,使用它可以快速的构建树形菜单.呵呵 废话不说了,直入正题,下面介绍C#结合ligerui 构造树形菜单的两种方法 1 ...

Fancytree Javascript Tree TreeTable 树介绍和使用

Fancytree是一个非常棒的Javascript控件,功能强大,文档健全.在做Javascript Tree控件选型时,主要基于以下几点选择了Fancytree 在Javascript Tree控 ...

使用jQuery，实现完美的表单异步提交

jQuery异步提交表单

ext树表

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA2UAAAHwCAIAAACpIFDdAAAgAElEQVR4nOy9f5Qb5ZnvWWQZlnO5Oc ...

jquery实现ajax提交form表单的方法总结

本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:  function AddHandlingFeeToRefund( ...

随机推荐

浅尝ECMAScript6

浅尝ECMAScript6 简介 ECMAScript6 是最新的ECMAScript标准,于2015年6月正式推出(所以也称为ECMAScript 2015),相比于2009年推出的es5, es6 ...

如何让textarea不可拖拽

文本域textarea有一个特性,就是可以拖拽改变其大小,但是在布局严格要求的页面中,这种特性显然会影响布局. 一行代码就可以搞定: textarea{ resize:none;} 但是在chrome ...

MVVM架构~knockoutjs系列之验证成功提示显示

返回目录 对于knockout.validation来说,我们已经知道了如何去验证大部分表单元素,而有时,我们的需求希望在每个元素验证成功后,去显示正确的提示,这个我们很容易的使用self.元素.is ...

AngularJS Filters

过滤器可以使用一个管道字符(|)添加到表达式和指令中. AngularJS 过滤器 AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式. filter 从 ...

&lbrack;leetcode&rsqb;Find Minimum in Rotated Sorted Array II &commat; Python

原题地址:https://oj.leetcode.com/problems/find-minimum-in-rotated-sorted-array-ii/ 解题思路:这道题和上一道题的区别是,数组中 ...

一&&num;183&semi;创建Linux服务器(基于阿里云)

本系统是基于阿里云服务器,购买请前往https://www.aliyun.com/?spm=5176.8142029.388261.1.taXish ,由于经济能力的限制,本人购买的是最低配置如下 其 ...

Loadrunner中web&lowbar;reg&lowbar;save&lowbar;param的使用详解

[摘要]利用实际案例说明如何使用Mercury LoadRunner提取包含在HTML页内的动态信息并创建参数. [关键词]性能测试,压力测试,Mercury LoadRunner 应用范围 在使用L ...

《转》Linux下的多线程编程

原地址:http://linux.chinaunix.net/doc/program/2001-08-11/642.shtml 1 引言 线程(thread)技术早在60年代就被提出,但真正应用多线程 ...

Node&period;js可以做些什么？

就像 JavaScript 至client天生,Node.js 生于网络.Node.js 我们可以做更多的不是开发一个网络 站这么简单,采用 Node.js.您可以轻松地开发:  具有复杂逻辑的站点 ...

使用Entity Framework时遇到的问题

1.运行程序时提示 ,vension does not match. 差不多是这样一个提示,具体怎么样的给忘记了. #1remove 'entity framework' from reference ...