-----------ztree 网站 http://www.ztree.me/v3/api.php
1:
//初始化数控件参数
var setting = {
async: {
enable: true,//启用异步加载
dataType:'json',
url:"findDeptData.action", //异步请求地址
dataFilter: filter ,//这个比较关键,因为我本地返回的是map形式的json数据,所以要对数据格式化一下
autoParam:["id","name"] //需要传递的参数,为你在ztree中定义的参数名称
},
check:{
enable:true,
chkStyle: "checkbox",
chkboxType: { "Y": "s", "N": "s" } //类型
},
view: { //视图样式的设置
dblClickExpand: false,
showLine: true,
txtSelectedEnable: true,
selectedMulti: false,
fontCss:{color:"black"}
},
//事件捕捉
callback:{
onClick:function(event, treeId, treeNode){
//回调函数
onSearchData(treeNode.id);
},
onCheck:function(event, treeId, treeNode){ //判断复选框是否选中
onSearchData('Q');
}
}
};
function filter(treeId, parentNode, childNodes){
var nodes_ = childNodes.result;
return nodes_;
}
$(function(){
var zNodes = [];
$.ajax({type: 'POST',data:{"deptCode":"001"},url: 'getRootDept.action',
success: function (data) {
zNodes = data.result;
$.fn.zTree.init($("#deptTree"), setting,zNodes);
}
});
});
//在后台数据形式上 一定要满足格式 后台方法:
/**
* 获取部门数据
*/
public String findDeptData(){
List<DeptBean> lsList = new ArrayList<DeptBean>();
Long id_ = id;
if(null != id_ && 0 != id_){
Department ds = deptDao.load(id_);
depts = deptDao.getChildDepts(ds.getDeptCode());
for (Department department : depts) {
DeptBean bean = new DeptBean();
bean.setId(department.getId()); //id
bean.setName(department.getDeptName()); //节点名字
if(deptDao.getChildDepts(department.getDeptCode()).size() > 0){
bean.setIsParent(true);
}else{
bean.setIsParent(false); //是否根节点 根据该属性 树出现展开的+号
}
bean.setParentId(id_); //上级id 必须
lsList.add(bean);
}
}
jsonMap.put("result", lsList);
return SUCCESS;
}