jQuery treeTable的类似软件 - jQuery 树形控件 - 开源中国社区
当前访客身份：游客 [
当前位置：
jQuery treeTable
jQuery treeTable 插件的功能跟 JQTreeTable 类似，是在一个表格内显示树状结果，如下图所示：
授权协议：
开发语言：
操作系统：&跨平台&
收录时间： 日
jQuery treeTable 的类似软件，共22个
AutocJS 是一个专门用来给文章生成目录（Table of Contents）导航菜单的工具。AutocJS 会查找文章中的所有h1~h6的标签，并自动生成文章的目录导航菜单。灵感来自于 AnchorJS 。 AnchorJS 由于是国外的程序员开发的...
最新新闻：
zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两...
最新新闻：
jsTree是一个 基于jQuery的Tree控件。支持XML，JSON，Html三种数据源。提供创建，重命名，移动，删除，拖&放节点操作。可以自己自定义创建，删 除，嵌套，重命名，选择节点的规则。在这些操作上可以添加多种监听事...
这是一个用来显示树状结构的jQuery插件。 Current version: 1.4 Compressed filesize: 3390 bytes License: MIT/GPL Tested in: Firefox 2, IE 6 & 7, Opera 9, Safari 3...
使用JQTreeTable插件你可以得到一个树形表格，如果用户的浏览器禁用了JavaScript，那么他们也能看到普通形式的表格，并不影响可访问性。
jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点，具有简单易于使用和漂亮的外观等特点。 在线演示
jQuery optionTree 是一个用来实现联动下拉列表框的 jQuery 插件，例如用在地区选择上，先选国家、再选省份，最后是地区。 示例代码： &input type=&text& name=&demo1& /&
var option_tree = {
dynatree 是一个 jQuery 的插件，用来在网页上显示树形控件的脚本。 示例代码： &html& &head&
&!-- 1. Include jQuery and dynatree libraries: --&
&script src=&../jquery/jquery.js& type=&text/javas...
jQuery File Tree 是一个可配置的文件浏览器的jQuery插件。运行效果如下图所示： 演示地址：http://labs.abeautifulsite.net/projects/js/jquery/fileTree/demo/ Features Produces valid, semantic XHTML Fully ...
MzTreeView 1.0 是数据一次性加载，客户端节点异步展示的WEB脚本树。MzTreeView 1.0 的理论节点数设计上限为十万节点，在节点数三万的情况下页面打开时间小于 3 秒。无限层次无限节点的数的层级组成方式：id pare...
使用 jQuery treeTable 中的任何问题
共有 22 个类似软件
AutocJS 是一个专门用来给文章生成目录（Table of Contents）导航菜单的工具。Aut...
zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件 兼容...
jsTree是一个 基于jQuery的Tree控件。支持XML，JSON，Html三种数据源。提供创建，重...
这是一个用来显示树状结构的jQuery插件。 Current version: 1.4 Compressed filesi...
使用JQTreeTable插件你可以得到一个树形表格，如果用户的浏览器禁用了JavaScript，...
jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点，具有简单...
jQuery optionTree 是一个用来实现联动下拉列表框的 jQuery 插件，例如用在地区选择...
dynatree 是一个 jQuery 的插件，用来在网页上显示树形控件的脚本。 示例代码： <h...
jQuery File Tree 是一个可配置的文件浏览器的jQuery插件。运行效果如下图所示： ...
MzTreeView 1.0 是数据一次性加载，客户端节点异步展示的WEB脚本树。MzTreeView 1....
共有 72 人关注 jQuery treeTable使用zTree控件制作的表格形式的树形+数据菜单 - 推酷
使用zTree控件制作的表格形式的树形+数据菜单
测试了一下,兼容ie7以上,
不使用对方css
/*-------------------------------------
zTree Style
version: 3.4
website: /p/jquerytree/
-------------------------------------*/
.ztree .clear:after{ content:&.&; display: height:0; clear: visibility: }
.ztree .clear{ zoom:1; }
.ztree .fleft{float: }
.ztree .fright{float: }
.ztree li{vertical-align:bottom/*ie7 bug*/;}
.ztree,.ztree ul,.ztree li{padding: 0margin: 0display:width: 100%;}
.ztree table{border-collapse:width:100%;border-spacing:0;border: 1px solid #}
.ztree .tableA{display:width: 100%;color:text-decoration:cursor:}
.ztree .tableA:hover{background-color: #}
.ztree a.tableA:focus {outline:none!}
.ztree table td{text-align:padding: 10}
.ztree .td1{width:40%;}
.ztree td.cline{border-left: 1px solid #border-right: 1px solid #}
.ztree .td2{width:10%;}
.ztree .td3{width:10%;}
.ztree .td4{width:10%;}
.ztree .td5{width:10%;}
.ztree .td6{width:10%;}
.ztree .td7{width:10%;}
.ztree .ztitle td{background-color: #height: 40}
.ztree .ztitle .td1 .box{position:width: 100%;height: 100%;}
.ztree .ztitle .td1 .plb{position:left:40bottom: 0white-space:}
.ztree .ztitle .td1 .ptr{position:right:40top: 0white-space:}
.ztree .data {border-top:0}
.ztree .data .td1{text-align:}
.ztree .data .break{white-space:word-wrap: break-word-break: break-}
.ztree .data .switch{cursor: text-align:}
.ztree .data .switch{background:no-repeat 10 padding-left: 25 }
.ztree .data .center_open{background-image:url(./img/show.png); }
.ztree .data .center_close {background-image:url(./img/hide.png); }
.ztree .data .center_docu {background-image:url(./img/child.png); }
&!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&主动流失率&/title&
&script src=&static/sea-modules/seajs/seajs/2.3.0/sea.js&&&/script&
&script src=&static/sea-modules/seajs/seajs-css.js&&&/script&
seajs.config({
base:'./static/sea-modules/',
&$&: &jquery/jquery-ext/1.0.0/jquery-ext.js&
&style type=&text/css&&
.test{width:200}
&ul class=&ztree&&
&a class=&tableA&
href=&javascript:void(0);&&&table class=&ztitle&&
&td class=&td1&&&div class=&box&&&div class=&plb&&姓名&/div&&div class=&ptr&&信息&/div&&/div&&/td&
&td class=&td2 cline&&所在单位&/td&
&td class=&td3&&岗位&/td&
&td class=&td4 cline&&上次九宫格位置&/td&
&td class=&td5&&360测评排名&/td&
&td class=&td6 cline&&直接下属&/td&
&td class=&td7&&直接汇报人数&/td&
&ul id=&tree& class=&ztree zdata&&&/ul&
&script type=&text/tpl& id=&ztreeTPL&&
&a class=&tableA& href=&javascript:void(0);&&&table class=&data&&
class=&td1&&&span style=&margin-left:{{marginLeft}}& id=&{{this.tId}}_switch& class=&button level{{this.level}} switch {{#if this.isParent}}{{#if this.open}}center_open{{else}}center_close{{/if}}{{else}}center_docu{{/if}}& treenode_switch=&&&{{this.constructor}}&/span&&/td&
&td class=&td2 cline break&&所在单位&/td&
&td class=&td3 break&&{{this.constructor}}&/td&
&td class=&td4 cline break&&上次九宫格位置&/td&
&td class=&td5 break&&{{this.constructor}}&/td&
&td class=&td6 cline break&&直接下属&/td&
&td class=&td7 break&&{{this.constructor}}&/td&
&script type = &text/javascript& &
seajs.use(['jquery/zTree/3.0.0/main','gallery/handlebars/1.0.2/handlebars'],function($,tpl){
var zNodes =[
children: [
{ name:''},
{ name:'',
children: [
{ name:''},
{ name:''}
{ name:'', isParent:true}
{ name:''},
{ name:'',isParent:true}
var setting = {
addDiyDom: function(rootId,nodeObj) {
console.log(arguments);
nodeObj.marginLeft = 20 * nodeObj.
var html = $('#ztreeTPL').html();
html = pile(html)(nodeObj);
$(&#& + nodeObj.tId).html(html);
showIcon:0,
showTitle:0,
showLine:0,
selectedMulti:0,
txtSelectedEnable:0
$.fn.zTree.init($(&#tree&), setting, zNodes);
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致求教关于数据显示问题_ztree吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：1,512贴子：
求教关于数据显示问题
很喜欢ztree，一直在项目中使用，今天遇到了一个问题：我使用了check扩展，在后台生成ztree节点时，只能为子节点设置checked属性，目录没有添加这个属性，现在显示的效果如下：有没有办法让他们自己计算出应该显示的状态，而不是像现在这样子。
报考一级消防师要求,学尔森13年考培经验为您解答,更有百度信贷分期付学费.
你可以看下chkboxType(有关父子节点的联动）这个参数，看是不是这个的设置的问题Y 属性定义 checkbox 被勾选后的情况； N 属性定义 checkbox 取消勾选后的情况； &p& 表示操作会影响父级节点； &s& 表示操作会影响子级节点。
如果子节点有 勾选的， 可以在初始化以后利用 checkNode 方法触发一下， 但请注意性能问题，即多个子节点的时候 ，只触发一个即可。
贴吧热议榜
使用签名档&&
保存至快速回贴2016年2月 总版技术专家分月排行榜第二2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
2016年10月优秀小版主
2016年8月优秀小版主2016年7月优秀小版主优秀小版主2015年7月优秀小版主2015年9月优秀小版主2015年5月优秀小版主2014年11月论坛优秀版主
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。