<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> ZTREE DEMO - beforeExpand / onExpand && beforeCollapse / onCollapse</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
<!-- <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
<SCRIPT type="text/javascript">
<!--
var setting = {
view: {
selectedMulti: false
},
data: {
key: {
title:"t"
},
simpleData: {
enable: true
}
},
callback: {
beforeClick: beforeClick,
beforeCollapse: beforeCollapse,
beforeExpand: beforeExpand,
onCollapse: onCollapse,
onExpand: onExpand
}
};
var zNodes =[
{ id:1, pId:0, name:"可折腾的父节点 1", t:"我很普通，随便 展开/折叠 我吧", open:false},
{ id:11, pId:1, name:"叶子节点 - 1", t:"我老爸很普通，随便折腾他吧"},
{ id:12, pId:1, name:"可折腾的父节点 2", t:"我和我老爸都很普通，随便折腾我和他吧", open: false},
{ id:121, pId:12, name:"父节点 - 121", t:"我老爸很普通，随便折腾他吧", open:true},
{ id:1211, pId:121, name:"父节点 - 1211", t:"我老爸很普通，随便折腾他吧", open:false},
{ id:1212, pId:1211, name:"叶子节点 - 1212", t:"我老爸很普通，随便折腾他吧"},
{ id:1213, pId:121, name:"父节点 - 1213", t:"我老爸很普通，随便折腾他吧", open:false},
{ id:1214, pId:1213, name:"叶子节点 - 1214", t:"我老爸很普通，随便折腾他吧"},
{ id:123, pId:12, name:"叶子节点 - 23", t:"我老爸很普通，随便折腾他吧"},
{ id:13, pId:1, name:"叶子节点 - 3", t:"我老爸很普通，随便折腾他吧"},
{ id:2, pId:1, name:"无法折叠的父节点", t:"休想让我折叠起来...除非你用 expandAll 方法", open:false, collapse:false},
{ id:21, pId:2, name:"叶子节点2 - 1", t:"哈哈哈，我老爸NB吧，不能折叠吧？"},
{ id:22, pId:21, name:"叶子节点2 - 2", t:"哈哈哈，我老爸NB吧，不能折叠吧？"},
{ id:23, pId:21, name:"叶子节点2 - 3", t:"哈哈哈，我老爸NB吧，不能折叠吧？"},
{ id:3, pId:2, name:"无法展开的父节点", t:"就凭你也想展开我？难呀...嘿嘿, 除非你用 expandAll 方法", open:false, expand:true},
{ id:31, pId:3, name:"叶子节点3 - 1", t:"居然让你看到了...莫非你用了全部节点展开？"},
{ id:32, pId:31, name:"叶子节点3 - 2", t:"居然让你看到了...莫非你用了全部节点展开？"},
{ id:33, pId:31, name:"叶子节点3 - 3", t:"居然让你看到了...莫非你用了全部节点展开？"},
{ id:4, pId:3, name:"空空的父节点 1", t:"一无所有...除了我自己", isParent:true, open:false}
];
var log, className = "dark";
function beforeClick(treeId, treeNode) {
if (treeNode.isParent) {
return true;
} else {
alert("这个 Demo 是用来测试 展开 / 折叠 的...\n\n去点击父节点吧... ");
return false;
}
}
function beforeCollapse(treeId, treeNode) {
className = (className === "dark" ? "":"dark");
showLog("[ "+getTime()+" beforeCollapse ] " + treeNode.name );
return (treeNode.collapse !== false);
}
function onCollapse(event, treeId, treeNode) {
showLog("[ "+getTime()+" onCollapse ] " + treeNode.name);
}
function beforeExpand(treeId, treeNode) {
className = (className === "dark" ? "":"dark");
showLog("[ "+getTime()+" beforeExpand ] " + treeNode.name );
return (treeNode.expand !== false);
}
function onExpand(event, treeId, treeNode) {
showLog("[ "+getTime()+" onExpand ] " + treeNode.name);
}
function showLog(str) {
if (!log) log = $("#log");
log.append("<li class='"+className+"'>"+str+"</li>");
if(log.children("li").length > 8) {
log.get(0).removeChild(log.children("li")[0]);
}
}
function getTime() {
var now= new Date(),
h=now.getHours(),
m=now.getMinutes(),
s=now.getSeconds(),
ms=now.getMilliseconds();
return (h+":"+m+":"+s+ " " +ms);
}
function expandNode(e) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
type = e.data.type,
nodes = zTree.getSelectedNodes();
if (type.indexOf("All")<0 && nodes.length == 0) {
alert("请先选择一个父节点");
}
if (type == "expandAll") {
zTree.expandAll(true);
} else if (type == "collapseAll") {
zTree.expandAll(false);
} else {
var callbackFlag = $("#callbackTrigger").attr("checked");
for (var i=0, l=nodes.length; i<l; i++) {
zTree.setting.view.fontCss = {};
if (type == "expand") {
zTree.expandNode(nodes[i], true, null, null, callbackFlag);
} else if (type == "collapse") {
zTree.expandNode(nodes[i], false, null, null, callbackFlag);
} else if (type == "toggle") {
zTree.expandNode(nodes[i], null, null, null, callbackFlag);
} else if (type == "expandSon") {
zTree.expandNode(nodes[i], true, true, null, callbackFlag);
} else if (type == "collapseSon") {
zTree.expandNode(nodes[i], false, true, null, callbackFlag);
}
}
}
}
$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
$("#expandBtn").bind("click", {type:"expand"}, expandNode);
$("#collapseBtn").bind("click", {type:"collapse"}, expandNode);
$("#toggleBtn").bind("click", {type:"toggle"}, expandNode);
$("#expandSonBtn").bind("click", {type:"expandSon"}, expandNode);
$("#collapseSonBtn").bind("click", {type:"collapseSon"}, expandNode);
$("#expandAllBtn").bind("click", {type:"expandAll"}, expandNode);
$("#collapseAllBtn").bind("click", {type:"collapseAll"}, expandNode);
});
//-->
</SCRIPT>
</HEAD>
<BODY>
<h1>展开 / 折叠父节点控制</h1>
<h6>[ 文件路径: core/expand.html ]</h6>
<div class="content_wrap">
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree"></ul>
</div>
<div class="right">
<ul class="info">
<li class="title"><h2>1、beforeCollapse / onCollapse<br/> beforeExpand / onExpand 事件回调函数控制</h2>
<ul class="list">
<li>利用 collapse / expand 事件回调函数 可以控制父节点是否允许 展开 / 折叠，这里简单演示如何监控此事件</li>
<li><p>试试看：<br/>
<input type="checkbox" id="callbackTrigger" checked /> expandNode 方法是否触发 callback<br/>
单个节点--[ <a id="expandBtn" href="#" title="不想展开我就不展开你..." onclick="return false;">展开</a> ]
[ <a id="collapseBtn" href="#" title="不想折叠我就不折叠你..." onclick="return false;">折叠</a> ]
[ <a id="toggleBtn" href="#" title="你想怎样？..." onclick="return false;">展开 / 折叠 切换</a> ]<br/>
单个节点（包括子节点）--[ <a id="expandSonBtn" href="#" title="不想展开我就不展开你..." onclick="return false;">展开</a> ]
[ <a id="collapseSonBtn" href="#" title="不想折叠我就不折叠你..." onclick="return false;">折叠</a> ]<br/>
全部节点--[ <a id="expandAllBtn" href="#" title="不管你有多NB，统统都要听我的！！" onclick="return false;">展开</a> ]
[ <a id="collapseAllBtn" href="#" title="不管你有多NB，统统都要听我的！！" onclick="return false;">折叠</a> ]</p>
<li><p><span class="highlight_red">�
格式：zip 资源大小：105.4MB
格式：txt 资源大小：26.0B 页数：1
ASP.NET微商代理商多级分销系统 （8646个子文件） 
0001be65372bbbd8d1adc4496bbefe1e203e82 1KB 0008128169faccd8752844f700e9fd6b5cb1c0 18KB 00147e09256989df2905e9abfce47ec8f27f65 267B 00238e3d73e5c3460c278ef130ae3e88e75398 3KB 0032607890d165a72cfa3a89d5ad8767a7d92b 8KB 005744ecff0a77930932f566d7fbb3907e46de 12KB 007e0ce26fb5d60c8586a5439bfe35e881c97a 477B 00ddf4db01dce5691ec7285f4ed909becd5572 2KB 00e618affcae7f4240f13dbcfd6b3a4510a9ae 921B 00f61cbee286a0dcd8aac1df0bca85b921ec92 2KB 0101538552b13d929471151d115de92858745a 417B 011d1d0cc4fe3338ed01ae89be440a4cce25cb 3KB 0134049f870ca92c2ef18abb7c4c628b017cb3 3KB 01565a628747cc5f5410f649367980ad7263fb 1KB 0158df69767d7a5ba04a1d5cb3b48295bb2458 35KB 01683c7440adbf9fb6ca0b86851d2e870e9630 2KB 016a4fa43ff2f5b30bcef4e5e67c775ae79ee5 3KB 019f8ff85d7520cd36fa6f67c6311996228217 1KB 01d57d23aa3af9d522961e1a7b9603c7212b62 5KB 02116e480cc441461b6b6bb9d795c6c873894f 134B 022b3368de36f1deb0af980ec1c9c51b57cfdb 971B 024feec9938fe4e1d5147f666192d2f30f2ebf 622B 02506b51ae0df521b9c824538b7c1946d37dea 63KB 0253b2c880a9acd7ab6709b05f937d24e113b7 1KB 02650922c4eb831c77f3a8c512fc0519910fb0 938B 02669214caeeac985da5c9ba9df37faca34878 477B 026914ee88a95dadc64c6b76d161a71573301d 441B 026f7dbf1bf343b1381f786b141b677551499b 7KB 0286db7f0d1aa5ee144d6f7446395514417051 2KB 029070c3f4b2fb970668bd846ffd080bcfca65 4.6MB 029eda57b1d5ea52a3a16b665701eb59ae008f 4KB 02b22392650f4e5a299068f85397c68fe9a51d 7KB 02c8959f3c960ab237c05139915ce767335953 30KB 02e2ecf64871a277c2c1fbdab256860b12b9fd 36KB 02f053cc4ba9af637222c51fc2568ed15cfda8 135B 03225196312d6b1dea4960ce1497fc23f0e38b 530B 032d014a2911119c55fe57deba3bd6cb494da0 180B 034662a83796a0a100b4b23844dd07bb03c8c9 2KB 034c778ca702b4d526ebb28b1ed2018c3c4ee0 3KB 034fc61ed9c8167562e037c45f3043821d3ae1 2KB 03500745bf97ac5bea82618c7179e692662011 143B 03615d1c5b1cb5b45c54baf6aa67bf4ba05316 659B 03b53fc03660dae1c9f7fd1b6a960c6f6e2e71 2KB 03c777b633a3ad6e08ce9a42f957e2c833b813 3KB 03cec77f18ea9494aa33b650d2dca927dee22b 92B 03e093d54ce4383399930955744526052dd8a3 201B 03f20fb1197edf0433ff99759cb6399d0f99f9 2KB 040b16c34be894c95e95bc90dbe35cd2680ef8 257B 0416b3c28eea023a523677b02b6c6777b270df 976B 0426f3fb78000fe8d93be7c51defb58c100ceb 2KB 0435bd6f5c7afe003a6ab8afbc63c5d44aa506 45B 04409963fac6669bab82351386274ebb9ca954 3KB 046f3402380958fd4ef693fb4ef9b93cc5d570 3KB 047218f8647660e16c41b952e81c8a118a114b 642B 047c7609dd612e81f0518494d8a22496eb1a6b 886B 04ed1da29456d07243e4eb64f81ac66f452061 3KB 04ef1726c6473d1025c844afb59ec85ee83a6e 2KB 0500ab3ebacb93782993090f31c5a81ad84126 833B 0528edb90a8ed89b29893beed5962d637d12b7 290B 05361838dfaaa32cb1968bb2936c09b20c1048 1019B 058076ed79dcbc69f549392210d52560b73d88 671B 0586fef5468b18e8f488e6274a5b0a7f359ddc 38KB 0587701269354156438e3e6b34810aeeb72645 507B 05a0b121d886f39b099f72240fe623772c89c1 654B 05aeb09fffa6b571b4c6beee30b18400829c03 11KB 05cd8a5156356126c40546066cd2a63fb9abf3 5KB 05dbf96c1cfb1d41f5ce0f9de2eee49b351396 757B 05df55e7b40e537474a10fc547eee5375907e3 8KB 05faf97b5aeed569c6341b815145baf133ba89 5KB 060664f659ef3cf52d391c9afad8b8b01036bb 918B 060e2f63b99cba0f655e22f4540ce607322a81 1KB 061e15e829833818bd5b88399ef98c71f143d6 795B 062a1ebe35c99300eb99d1324759071b68cc75 18KB 06408de6ffc22de9604397134e1f2165f44e15 521B 066144bf3a191ca515b471d1c4174dad2aea8d 7KB 066d82b8897d8c797c0179a552b0a5bfd921e2 103B 0674cd5f1652bf57d5402e75fec5ac73626f10 790B 0695aae5acfc20243fe3caf3b4821483a4d5cf 2KB 069614b000e94ba61aafee9c375f5f6cde53e5 21KB 06a2b448222446d3e7663bb0e07e2683408dc1 2KB 06a434eb33a966bf8092e535c915acd1d8f8d8 599B 06b63d126f6b85494fc044ec91570a76ae5026 207B 06b6cacb7d3c39b91cffc1481abe322ba32951 646B 06b85518d3cdf156725fb35c00b9376f2e0618 5KB 06c067f7f49291f3755621b19050d9b811b65e 4KB 06c134544c3e32c679dba013f86cd766f872cd 911B 06d1ac116e91127d58193c77a4369ce06f0260 2KB 06ecb923c48f61c0d400bb3ce19803db78d640 3KB 070567f147c1e8b366db7cf32dc551a40f22dc 851B 073778a6bfb7180954bdbe186676c816c9724b 476B 0738475f5b9898eb5c76fbe29e9bc48ad5760f 948B 074cfed2ba54345a4da6aa73061814048f2b4d 1KB 075a9454faf70c820694f10a9ff011d15e0833 409B 075b0d93a9b9419d2adb2a7bc553ceb0d1c005 626B 076f30ee671b1543c4868b4e69460ea2ad1e8d 2KB 07831ea267b9d21aa6dfd2d893e34e0465fc23 1KB 07b94c821aaea520f0823bbd7094557c0f3f22 572B 07cb1377a977f4a9298fa583d3ef0bf00daad0 467B 07d1a801b9df3a255ef9654a085273a70b1a73 919B 07d2aedf07daa69d709127c5a21ef191b6587a 535B共 8646 条
- 1
- 2
- 3
- 4
- 5
- 6
- 87
资源评论
weixin_444749462022-11-21资源内容详尽，对我有使用价值，谢谢资源主的分享。
办公模板库素材蛙
- 粉丝: 1753
最新资源
- 电解车间净化系统排烟管道安装施工方案.doc
- 中外航次租船合同范本.doc
- 采购控制表格表单.docx
- iOS、macOS、Swift、Objective-C_iOS, macOS, Swift, Objective-C 心
- 万科景观设计及成本控制1725514898.ppt
- BIM案例-亚洲最大垃圾发电厂项目BIM技术应用.docx
- 砌加气砼砌块墙.doc
- 地下防水工程施工组织设计方案.doc
- 暖通毕业设计---北京高层建筑室内采暖系统设计.pdf
- 提高后压浆钢筋砼灌注桩施工质量QC成果报告.doc
- SunnyUI。网。NET框架。 .网。网。NET C WinForm用户界面_SunnyUI.NET 是基于.NET
- 基于 SSM 技术的高校宿舍管理系统设计与实现 基于 SSM 框架的宿舍管理系统设计开发 基于 SSM 技术的学生宿舍管理系统设计 基于 SSM 的高校宿舍管理系统的设计开发 基于 SSM 框架的宿舍
- 百代公交侯车亭总结.pptx
- 用于现代C语言的SQLite ORM轻量级头库_️ SQLite ORM light header only libra
- 火电厂辅助车间集中控制方案研究-.doc
- 北京某小区监理月报(含工程图片).doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
