7-6 部门列表树型结构界面开发中看老师视频突然改变了接口地址,但是并没有看到具体是如何修改的,老师能解惑一下么?(11:44左右)原来是/page.json突然就改变成了/dept.page了
同时根据老师视频中的代码书写,发现并没有调用具体方法
$(function () {
var deptList; // 存储树形部门列表
var deptMap = {}; // 存储map格式的部门信息
var deptListTemplate = $("#deptListTemplate").html();
Mustache.parse(deptListTemplate);
// 页面初始化加载部门树
function loadDeptTree () {
console.log("loadDeptTree");
$.ajax({
url: "/sys/dept/tree.json",
success: function(){
if (result.ret){
deptList = result.data;
/* 加载 Mustache 模板 渲染当前列表,但是只能渲染一层 */
var rendered = Mustache.render(deptListTemplate, {deptList:result.data})
// 进行部门渲染
recursiveRenderDept(deptList);
bindDeptClick();
} else {
showMessage("加载部门序列表", result.msg, false)
}
}
})
}
// 递归渲染部门列表结构列表
function recursiveRenderDept(deptList) {
console.log("recursiveRenderDept");
//判断当前列表是否等空,在不等空且当前列表的长度大于0的情况下我们才进行处理
if (deptList && deptList.length > 0) {
$(deptList).each(function (i, dept) {
deptMap[dept.id] = dept;
if (dept.deptList.length > 0) {
var rendered = Mustache.render(deptListTemplate, {deptList: dept.deptList});
$("#dept_" + dept.id).append(rendered);
recursiveRenderDept(dept.deptList);
}
})
}
}
//绑定部门点击事件
function bindDeptClick() {
console.log("bindDeptClick");
}
})
以上为JS代码,有console.log输出具体方法调用,但是实际页面中并没有调用具体方法