jQuery treetable多级树形菜单展开代码,一款文件夹图标jQuery树形表格插件,还可以点击全部树形菜单折叠或者全部展开。
js代码
<script src="jquery-1.10.2.js"></script>
<script src="jquery.treetable.js"></script>
<script>
$("#example-basic").treetable({ expandable: true });
$("#example-basic-static").treetable();
$("#example-basic-expandable").treetable({ expandable: true });
$("#example-advanced").treetable({ expandable: true });
// Highlight selected row
$("#example-advanced tbody").on("mousedown", "tr", function() {
$(".selected").not(this).removeClass("selected");
$(this).toggleClass("selected");
});
// Drag & Drop Example Code
$("#example-advanced .file, #example-advanced .folder").draggable({
helper: "clone",
opacity: .75,
refreshPositions: true, // Performance?
revert: "invalid",
revertDuration: 300,
scroll: true
});
$("#example-advanced .folder").each(function() {
$(this).parents("#example-advanced 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"));
}
}
});
});
$("form#reveal").submit(function() {
var nodeId = $("#revealNodeId").val()
try {
$("#example-advanced").treetable("reveal", nodeId);
}
catch(error) {
alert(error.message);
}
return false;
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791