zTree $.fn.zTree.getZTreeObj()方法返回是 undefined

qq587492 2016-08-02 04:26:53

zTree $.fn.zTree.getZTreeObj()方法返回是 undefined
JSP文件

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>页面资源分配</title>

<title></title>

<!-- 临时 -->

<link rel="stylesheet" href="${pageContext.request.contextPath}/resource/css/zTree/zTreeStyle/zTreeStyle.css" type="text/css">

<script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/zTree/jquery-1.4.4.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/zTree/jquery.ztree.core.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/zTree/jquery.ztree.excheck.js"></script>

<!-- 临时 -->

</head>

<meta charset="UTF-8">

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resource/css/bootstrap.css" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resource/css/bootstrap-responsive.css" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resource/css/style.css" />

<script type="text/javascript" src="${pageContext.request.contextPath}/resource/ckform.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/resource/common.js"></script>



<script type="text/javascript"

	src="${pageContext.request.contextPath}/resource/js/resource/pageResource/pageResource.js"></script>

</head>

<body>

</body>

	<div style="width: 90%; margin-top: 10px; margin-left: 10px;">

		<button type="button" class="btn btn-success" id="savePage" >新增页面</button>

		<button type="button" class="btn btn-success" id="deletePage" >删除页面</button>

	</div>

	<div style="width:20%; margin: 5px; padding:5px; border: 5px; border-color: red; border-style: solid; float: left;">

		<ul id="tree" class="ztree"></ul>

	</div>

	<div style="width:65%; margin: 5px; padding:5px; border: 5px; border-color: red; border-style: solid; float: left;">

		<div id="savePageDiv" style="display: none;">

			<table class="table table-bordered table-hover definewidth m10">

				<thead>

					<tr>

						<th>属性名称</th>

						<th>属性值</th>

					</tr>

				</thead>

				<tbody>

					<tr>

						<td>名称</td>

						<td>

							<input type="text"/>

						</td>

					</tr>	

					<tr>

						<td>页面地址</td>

						<td>

							<input type="text"/>

						</td>	

					</tr>

					<tr>

						<td>父级</td>

						<td>

							<select>

								<option>业务管理</option>

								<option>系统管理</option>

							</select>

						</td>

					</tr>			

				</tbody>

			</table>

			<button type="button" class="btn btn-success" id="addnew" style="margin-left: 2%; margin-top: 10px;">新增页面</button>

			<button type="button" class="btn btn-success" id="quitSave" style="margin-left: 10px; margin-top: 10px;">取消新增</button>

		</div>

	</div>

	

</html>

js文件



$(function() {

	findPage();



	$("#savePage").click(function() {

		$("#savePageDiv").css("display", "block");

	});



	$("#quitSave").click(function() {

		$("#savePageDiv").css("display", "none");

	});

})



function findPage() {



	var setting = {

		callback : {

			onClick : onClick

		}

	};



	var zNodes = [ {

		name : "业务管理",

		open : true,

		children : [ {

			urls : "url",

			id:1,

			name : "实时监控"

		}, {

			urls : "url",

			id:2,

			name : "设备管理"

		}, {

			urls : "url",

			id:3,

			name : "设备类型管理"

		}, {

			urls : "url",

			id:4,

			name : "用户策略"

		}, {

			urls : "url",

			id:5,

			name : "优先级别"

		} ]

	}, {

		name : "系统管理",

		open : true,

		children : [ {

			urls : "url",

			id:6,

			name : "用户管理"

		}, {

			urls : "url",

			id:7,

			name : "系统日志"

		}, {

			urls : "url",

			id:8,

			name : "角色管理"

		}, {

			urls : "url",

			id:9,

			name : "菜单管理"

		}



		]

	} ];



	// 点击事件

	function onClick(event, treeId, treeNode, clickFlag) {

		//		alert("标签点击事件");

		var treeObj = $.fn.zTree.getZTreeObj("tree");

//		var v = "";

//		for (var i = 0; i < nodes.length; i++) {

//			v += nodes[i].name + ",";

//			alert(nodes[i].id); //获取选中节点的值

//		}

	}





	$(document).ready(function() {

		$.fn.zTree.init($("#tree"), setting, zNodes);

	});

	

	

	// 删除页面

	$("#deletePage").click(function (){

		

	});

}