Question

要用jQuery的nestable()做一个三级树形菜单，值全部从数据库动态获取

值全部从数据库动态获取，并且只能访问一次数据库；数据库里有“市“”区“”门店”三个字段，在前台nestable遍历从数据库取出来值的时候，要做到第一级显示“市”，市的下边显示所属的区（这个是关键，这里一直搞不懂要怎么将从数据库里取出的混乱的值在前台排个序，判断他们的所属关系并且展示到树形菜单中），区下边有所属的门店。

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏130（财富值+成长值）

Answer 1

$.ajax({ url:"url",
type:"GET",
async:false,
dataType:'json',
success:function(dataJSON){
fn(dataJSON.data, $("#htmll"));
},
error:function(msg){error(msg);}
})

function fn(array, html) {
for (var i = 0; i < array.length; i++) {
var object = array[i];
var data = "";
var temp = '';
if (object.subs) {
var e = $("<ol class='dd-list'></ol>");
var f = $("<li class='dd-item' data-id='"+object.id+"'> <div class='dd-handle' id='"+object.id+"' ondblClick='aa(this)'>"+ object.name + "</div></li>");
f.append(e);
html.append(f);
fn(object.subs,e);
} else {
html.append("<li id='"+object.id+"' data-id='"+object.id+"' class='dd-item' ondblClick='aa(this)'><div class='dd-handle'>" +object.name + "</div></li>");
}
}
}

Answer 2

首先，从数据库里拿出数据，这个数据最好是JOSN的格式。缓存起来。然后解释JOSN生成树。