JSTREE的基本使用

将theme,lib,jquery-tree.js放于根目录下,这三个文件或文件夹之间的路径关系不要改变,如果要改变要进行相应的设置

data.jsp全部页面代码只需要下面一行

{data:"Fuck You!", state: "closed"}

 test.jsp

	<script type="text/javascript">
	$(document).ready(function(){
		$("#documentCatalog").tree({
			data:{
				type: "json",
				async: true,
				opts:{
					method: "POST",
					url: "http://localhost:8088/oa/DocumentCatalog/data.jsp"
				}
			},
			ui:{
				dots		: true,		// BOOL - dots or no dots
				theme_name	: "default"// if set to false no theme will be loaded
			}
		}
		);
	});
	</script>

 即可看到一个树,每一个树的内容都是data后面设置的内容,且这个树具有拖曳功能

你可能感兴趣的:(JavaScript,jquery,json,jsp,UI)