WebRoot/admin/commfiles/js/tree/superDemo_dropdownMenu.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
 <HEAD>
  <TITLE> ZTREE DEMO </TITLE>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="demoStyle/demo.css" type="text/css">
  <link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
  <script type="text/javascript" src="jquery-1.4.2.js"></script>
  <script type="text/javascript" src="jquery-ztree-2.5.js"></script>
  <script type="text/javascript" src="demoTools.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	var zTree1;
	var setting;

	setting = {
		isSimpleData: true,
		treeNodeKey: "id",
		treeNodeParentKey: "pId",
		fontCss: setFont,
		callback: {
			beforeExpand: function(){return false;},
			beforeCollapse: function(){return false;},
			beforeClick: zTreeOnBeforeClick,
			click: zTreeOnClick
		}
		
	};

	var zNodes =[
  	 	{id:1, pId:0, name:"北京"},
  	 	{id:2, pId:0, name:"天津"},
  	 	{id:3, pId:0, name:"上海"},
  	 	{id:6, pId:0, name:"重庆"},
  	 	{id:4, pId:0, name:"河北省", open:true},
  	 	{id:41, pId:4, name:"石家庄"},
  	 	{id:42, pId:4, name:"保定"},
  	 	{id:43, pId:4, name:"邯郸"},
  	 	{id:44, pId:4, name:"承德"},
  	 	{id:5, pId:0, name:"广东省", open:true},
  	 	{id:51, pId:5, name:"广州"},
  	 	{id:52, pId:5, name:"深圳"},
  	 	{id:53, pId:5, name:"东莞"},
  	 	{id:54, pId:5, name:"佛山"},
  	 	{id:6, pId:0, name:"福建省", open:true},
  	 	{id:61, pId:6, name:"福州"},
  	 	{id:62, pId:6, name:"厦门"},
  	 	{id:63, pId:6, name:"泉州"},
  	 	{id:64, pId:6, name:"三明"}
  	 	
  	 ];

	$(document).ready(function(){
		reloadTree();

		$("body").bind("mousedown", 
			function(event){
				if (!(event.target.id == "menuBtn" || event.target.id == "DropdownMenuBackground" || $(event.target).parents("#DropdownMenuBackground").length>0)) {
					hideMenu();
				}