您的位置：首页 > 其它

ztree树串(记得下插件)

2020-02-02 18:56 399 查看

bean

package com.bawei.bean;

import lombok.Data;

/**
* Created by zhongenguang on 2017/8/25.
*/
@Data
public class Ztreea {
private Integer id;
private String  name;
private Integer pid;
private String url;

}

action

@ResponseBody
@RequestMapping(value = "shu.do")//目录
public List<Ztreea> select(){
return  serviceImpl.select();
}
@RequestMapping("index")
public String index(){return "jso";}

html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="zTree/js/jquery-1.4.4.min.js"></script>
<script src="zTree/js/jquery.ztree.core.js"></script>
<link rel="stylesheet" href="zTree/zTreeStyle/zTreeStyle.css">
</head>
<script type="text/javascript">
function myFunction() {

var  setting = {
data : {
simpleData : {
enable : true,
idKey : "id",
pIdKey : "pid",
url:"url",
rootPId : ""
}
}
}; $(function() {
$.ajax({
type : "POST",
url : "shu.do",
success : function(data) {
// alert(data);
$.fn.zTree.init($("#treeDemo"), setting, data);
}
});
});}
</script>
<body  οnpageshοw="myFunction()">
<div>
<h1>1</h1>
<ul id="treeDemo" class="ztree"></ul>
</div>
</body>
</html>

 

 

转载于:https://my.oschina.net/u/3566463/blog/1525781

  • 点赞
  • 收藏
  • 分享
  • 文章举报
chuangmao7450 发布了0 篇原创文章 · 获赞 1 · 访问量 1313 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航