1. 程式人生 > >zTree的簡單配置,列印載入的資料

zTree的簡單配置,列印載入的資料

$(function() {
	var curMenu = null, zTree_Menu = null;
	// 樹形許可權列表
	var setting = {
		data : {
			simpleData : {
				enable : true,
			}
		},
		async : {
			enable : true,
			contentType : "application/json",
			dataType : "text",
			url : $("#pro_Url").val()
					+ "/menuAction.action?methodName=menuList",
			dataFilter : ajaxDataFilter,
		},
		view : {
			selectedMulti : false, // 設定是否能夠同時選中多個節點
			showIcon : true, // 設定是否顯示節點圖示
			showLine : true, // 設定是否顯示節點與節點之間的連線
			showTitle : true, // 設定是否顯示節點的title提示資訊
			dblClickExpand : false,
		},
	};

	// 列印資料庫載入的資料
	function ajaxDataFilter(treeId, parentNode, responseData) {
		if (responseData) {
			console.log(responseData);
		}
		return responseData;
	}
	;

	// 載入樹形選單
	$(document).ready(function() { 
		$.fn.zTree.init($("#treeDemo"), setting);
	});
	
});

以上為JS部分

 

當然如果是JSON資料的話,就不需要使用非同步去資料庫載入