伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:导航-文件树
 9490  24  查看评论 (0)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容8

jQuery-treetable

有了这个伟德BETVICTOR,你可以在一个HTML表格中显示树,即目录结构或嵌套列表。它使你的HTML文件干净的,展现出树状表格伟德BETVICTOR,你只需要每一行数据添加特定的数据属性。该伟德BETVICTOR使用这些属性来确定你的树看起来像。 特点 它可以显示在表列中的数据树。 它可以折叠和展开想到的目录结构。 它支持无限制树的深度。

使用方法

引用所需要的文件<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <link href="path/to/jquery.treetable.css" rel="stylesheet" type="text/css" /> <script src="path/to/jquery.treetable.js"></script>初始化伟德BETVICTOR<script>     $("#your_table_id").treetable(); </script>支持拖拽$("#example-advanced").treetable({ expandable: true });   // Highlight selected row $("#example-advanced tbody tr").mousedown(function() {   $("tr.selected").removeClass("selected");   $(this).addClass("selected"); });   // Drag & Drop Example Code $("#example-advanced .file, #example-advanced .folder").draggable({   helper: "clone",   opacity: .75,   refreshPositions: true,   revert: "invalid",   revertDuration: 300,   scroll: true });   $("#example-advanced .folder").each(function() {   $(this).parents("tr").droppable({     accept: ".file, .folder",     drop: function(e, ui) {       var droppedEl = ui.draggable.parents("tr");       $("#example-advanced").treetable("move", droppedEl.data("ttId"), $(this).data("ttId"));     },     hoverClass: "accept",     over: function(e, ui) {       var droppedEl = ui.draggable.parents("tr");       if(this != droppedEl[0] && !$(this).is(".expanded")) {         $("#example-advanced").treetable("expandNode", $(this).data("ttId"));       }     }   }); });样式自定义 默认使用的文件样式表jquery.treetable.theme.default.css的,你也可以自定义自己的风格的模板。
相关伟德BETVICTOR-文件树

js动态树伟德BETVICTORDynamicTree

简单好用的 tree ,纯 js ,可编辑 Tree,并能导出为 html sql php
  文件树
 2921  8

dtree权限控制复选框伟德BETVICTOR

dtree权限控制复选框伟德BETVICTOR
  文件树
 26586  142

jQuery文件树伟德BETVICTORSimpleTree.js

jQuery文件树伟德BETVICTORSimpleTree.js,代码少使用方便。
  文件树
 16822  46

jQuery树形下拉菜单

jQuery树形下拉菜单 支持Ajax异步加载jquery ajax tree menu
  文件树
 42867  129

讨论这个项目(0)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

取消回复