layui⽂件树Dtree的使⽤1.下载Dtree⽂件
将⽂件解压后放到项⽬静态⽂件的位置
2.使⽤
在页⾯分别引⼊dtree.css和dtreefont.css⽂件
html代码
<ul id="dataTree2" class="dtree" data-id="0"></ul>
js代码
base: '/static/dtree/' //配置 layui 第三⽅扩展组件存放的基础⽬录
}).extend({
dtree: 'dtree' //定义该组件模块名
}).use(['dtree','layer','jquery', ], function(){
var dtree = layui.dtree, layer = layui.layer, $ = layui.jquery;
//树
var DemoTree = der({
elem: "#dataTree2",//html中的id值
type: "all",
url:"/testdata",//url
method:"POST",
request: {"type":"0"},//传递参数
initLevel: "1",
icon:'2',
firstIconArraylayui:"0",
checkbar: true,
checkbarType: "no-all",//显⽰半选中状态
success:function (data) {
},
checkbarFun:{
chooseDone: function(checkbarNodesParam) {//点击复选框的事件
var CheckbarNodesParam("dataTree2");jfinal教程idea
return false;
}
}
});
//树的点击事件
<("node('dataTree2')" ,function(obj){
var CheckbarNodesParam("dataTree2");
console.log(datas);
});
});
java部分
需要⼀些基础类
1.复选框设计类---CheckArr
/** 复选框设计类*/
public class CheckArr {
/** 复选框标记*/
private String type;
/** 复选框是否选中*/
private String isChecked;
//省略get/set⽅法
}
2.树类----Dtree
/** 树类*/
public class DTree {
/** 节点ID*/
private String id;
/** 上级节点ID*/
private String parentId;
/** 节点名称*/
private String title;
/** 是否展开节点*/
private Boolean spread;
/** 是否最后⼀级节点*/
private Boolean isLast;
/** ⾃定义图标class*/
private String iconClass;
/
** 表⽰⽤户⾃定义需要存储在树节点中的数据*/
private Object basicData;
/** 复选框集合*/
private List<CheckArr> checkArr = new ArrayList<CheckArr>();    /** ⼦节点集合*/
private List<DTree> children = new ArrayList<DTree>();
theater和theatre的区别//省略get/set⽅法
}
3.返回类
/** response返回类*/
public class DTreeResponse {
/** 状态码*/
private int code;
/** 信息标识*/
private String msg;
/** 状态类*/
private Status status;
/** 数据*/jquery下载文件请求
private Object data;
//省略get/set⽅法
}
4.信息状态类
/** 信息状态类*/
public class Status {
/** 状态码*/
private int code = 200;
/** 信息标识*/
private String message = "success";
数组的初始化有哪些方法//省略get/set⽅法
w3cschool上的证书有效吗}
5.java逻辑代码
类风湿性关节炎饮食
@RequestMapping(value = "/testdata")
@ResponseBody
public DTreeResponse getdata(HttpServletRequest request){        String type = Parameter("type");
if (type.equals("0")){
type="类型";
}else if (type.equals("1")){
type="电务段";
}else if (type.equals("2")){
type="车间";
}else {
type="线路";
}
List<CheckArr> checkArrs=new ArrayList<>();
CheckArr checkArr=new CheckArr();
checkArr.setType("0");
checkArr.setIsChecked("0");
checkArrs.add(checkArr);
List<DTree> sons = new ArrayList<DTree>();
for (int i=0;i<10;i++){
DTree d=new DTree();
d.setId("10"+i);
d.setParentId("001");
d.setTitle(type+"=="+i);
d.setCheckArr(checkArrs);
sons.add(d);
}
DTree father=new DTree();
father.setId("001");
father.setTitle(type);
father.setCheckArr(checkArrs);
father.setParentId("0");
father.setChildren(sons);
father.setIconClass("-1");
List<DTree> f=new ArrayList<>();
f.add(father);
DTreeResponse response=new DTreeResponse();
response.setData(f);
response.setStatus(new Status());
System.out.String());
return response;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。