WebRoot/admin/commfiles/js/tree/checkboxDemo.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="asyncData/demoData.js"></script>
  <script type="text/javascript" src="demoTools.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	var zTree1;
	var setting;

		setting = {
			checkable: true,
			callback: {
				change:	zTreeOnChange
			}
		};

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

	});

	function zTreeOnChange(event, treeId, treeNode) {
		getCheckedNodesLength();
	}

	function getCheckBoxType() {
		var py = $("#py").attr("checked")? "p":"";
		var sy = $("#sy").attr("checked")? "s":"";
		var pn = $("#pn").attr("checked")? "p":"";
		var sn = $("#sn").attr("checked")? "s":"";
		
		var type = { "Y":py + sy, "N":pn + sn};
		return type;
	}

	function refreshTree() {
		var checkType = getCheckBoxType();
		setting.checkType = checkType;
		zTree1 = $("#treeDemo").zTree(setting, clone(zNodes));
		$("#checkTypeCode").html("{\"Y\":" + checkType.Y + ", \"N\":" + checkType.N + "}");
		getCheckedNodesLength();
	}

	function getCheckedNodesLength() {
		var tmp = zTree1.getCheckedNodes();
		$("#checkedNum").html(tmp.length);
		tmp = zTree1.getChangeCheckedNodes();
		$("#checkedChangeNum").html(tmp.length);
		if ($("#changeYes").attr("checked")) {
			for (var i=0; i<tmp.length; i++) {
				tmp[i].checkedOld = tmp[i].checked;
			}
		}