var data =
[
{
"id": "1" ,
"parentid": "0",
"text": "Chocolate Beverage"
}, {
"id": "2",
"parentid": "1",
"text": "Lorem Ipsum es simplemente
el texto de relleno"
}, {
"id": "3",
"parentid": "1",
"text": "Lorem Ipsum es simplemente
el texto de relleno"
}, {
"id": "4",
"parentid": "3",
"text": "Lorem Ipsum es simplemente
el texto de relleno"
}, {
"id": "5",
"parentid": "4",
"text": "Lorem Ipsum es simplemente
el texto de relleno"
}, {
"id": "6",
"parentid": "5",
"text": "Lorem Ipsum es simplemente
el texto de relleno"
}
];
var builddata = function () {
var source = [];
var items = [];
// build
hierarchical source.
for (i = 0; i < data.length; i++) {
var item = data[i];
var label = item["text"];
var parentid = item["parentid"];
var id = item["id"];
if (items[parentid]) {
var item2 = { parentid: parentid, label: label, item: item };
if (!items[parentid].items) {
items[parentid].items = [];
}
items[parentid].items[items[parentid].items.length] = item2;
items[id] = item2;
}
else {
items[id] = { parentid:
parentid, label: label, item: item };
source[id] = items[id];
}
}
return source;
};
var source = builddata();
var buildUL = function (parent, items) {
$.each(items, function () {
if (this.label) {
// create
LI element and append it to the parent element.
var li = $("<li><a href='#'>" + this.label + "</a></li>");
li.appendTo(parent);
li.addClass("cn-dropdown-item has-down");
// if
there are sub items, call the buildUL function.
if (this.items
&& this.items.length > 0) {
var ul = $("<ul class='dropdown'></ul>");
ul.appendTo(li);
buildUL(ul, this.items);
}
}
});
};
var ul = $("<ul></ul>");
//ul.appendTo("#jqxMenu");
buildUL(ul, source);
var area_nav = $("#creditNav >
div.classy-menu > div.classynav > ul");
debugger
area_nav.append(ul.html());
