⽤html写⼀个树形结构的表单,jQuery树型表格jquery-treetable
jQuery-treetable是⼀个jQuery插件。有了这个插件，你可以在⼀个HTML表格中显⽰树，即⽬录结构或嵌套列表。它使你的HTML⽂件⼲净的，展现出树状表格插件，你只需要每⼀⾏数据添加特定的数据属性。该插件使⽤这些属性来确定你的树看起来像。 特点 它可以显⽰在表列中的数据树。 它可以折叠和展开想到的⽬录结构。 它⽀持⽆限制的树的深
度。 它采⽤了轻量级的jQuery JavaScript的图书馆学。 使⽤⾮常简单
$("#your_table_id").treetable();
⽀持拖拽
$("#example-advanced").treetable({ expandable: true });
// Highlight selected row
$("#example-advanced tbody tr").mousedown(function() {
$("tr.selected").removeClass("selected");
javascript网页特效案例教程$(this).addClass("selected");
});
// Drag & Drop Example Code
$("#example-advanced .file, #example-advanced .folder").draggable({
helper: "clone",
opacity: .75,vim编辑器有几种模式
refreshPositions: true,
revert: "invalid",
revertDuration: 300,
scroll: true
});
$("#example-advanced .folder").each(function() {
$(this).parents("tr").droppable({
java基础入门第3版黑马程序员accept: ".file, .folder",
drop: function(e, ui) {
var droppedEl = ui.draggable.parents("tr");
$("#example-advanced").treetable("move", droppedEl.data("ttId"), $(this).data("ttId"));
jquery下载文件插件},
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"));
}
}
});
nginx文档
中文正则表达式怎么写}); 样式⾃定义 默认使⽤的⽂件样式表able.theme.default.css的，你也可以⾃定义⾃⼰的风格的模板。百度⽹盘下载：
相关链接

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。