mustache 模板，用於構造html頁面內容。在實際工作中，當同一個模板中想要調用不同的函數來渲染畫面，如果想要一些函數定義的話，就應該升級用vue了
Mustache 的模板語法很簡單
{{data}}
{{#data}} {{/data}}
{{^data}} {{/data}}
{{.}}
{{舉個例子
html代碼
js代碼
var result = jingjifenxires;
console.log(result);
$(function() {
var deptList;
var deptMap = {};
var userMap = {};
loadDeptTree();
function loadDeptTree() {
if(result) {
deptList = result.data;
var rendered = Mustache.render(deptListTemplate, {
deptList: result.data
});
$("#deptList").html(rendered);
recursiveRenderDept(result.data);
// bindDeptClick();
} else {
showMessage("加載部門列表", result.msg, false);
}
}
// 遞歸渲染部門樹
function recursiveRenderDept(deptList) {
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);
}
})
}
}
})
分享到:
