这篇博客详细介绍了如何使用Ajax进行后台数据交互，动态加载组织结构树，并实现了节点选择与取消选择的事件处理。通过Java后端封装数据，构建了一级和子级菜单，利用JavaScript的treeview库展示组织树结构。
$.ajax({
url: “/common/getorgtree”,
type: “GET”,
dataType: “JSON”,
success: function(data){
return $("#orgcode").treeview({
data:data,
color:"#428bca",
levels:2,
onNodeSelected:function(event,node){
console.log(“选中了”);
},
onNodeUnselected:function(event,node){
console.log(“取消了”);
}
});},
error: function(XMLHttpRequest, textStatus, errorThrown){
if (XMLHttpRequest.status == 550) {
var exp = JSON.parse(XMLHttpRequest.responseText);
showMsg(i18n(exp[0].message));
}
}
});
后台封装数据
public static String getOrgcodeTree() {
// 取得数据
String sql = "select * from xxx ";
Query query = JPA.em().createNativeQuery(sql, Orgrecord.class);
ResponseDto orginfos = null;
ListresultList = query.getResultList();
Listlis = new ArrayList();
for (Orgrecord list : resultList) {
OrginTree orginTree = new OrginTree();
orginTree.text = list.orgname;
orginTree.parentorgname = list.parentorgname;
lis.add(orginTree);
}
// 一级菜单
Listmenuslist = new ArrayList();
for (OrginTree list : lis) {
if (list.parentorgname == null || "".equals(list.parentorgname)) {
menuslist.add(list);
}
}
for (OrginTree orginTree : menuslist) {
orginTree.nodes = buildTree(lis, orginTree.text);
}
Listbuild = build(menuslist);
return JSONArray.toJSONString(build);
}
public static Listbuild(Listlist) {
Listmenus2 = new ArrayList();
for (OrginTree orginTree : list) {
if (orginTree.nodes != null && orginTree.nodes.size() > 0) {
build(orginTree.nodes);
menus2.add(orginTree);
}
}
return menus2;
}
public static ListbuildTree(Listlist,
String parentorgname) {
Listmenus = new ArrayList();
for (OrginTree menu : list) {
if (menu.parentorgname.equals(parentorgname)) {
menus.add(menu);
}
}
for (OrginTree orginTree : menus) {
orginTree.nodes = buildTree(list, orginTree.text);
}
if (menus.size() == 0) {
return null;
}
return menus;
}
1016
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
