其中提供了一種從后臺取數據渲染成樹的形式: 復制代碼 代碼如下: $("#mytree").tree({ data : { type : "json", url : "${ctx}/user/power!list.do" } }); 對于url中返回的 " /> 高清国产亚洲va精品,欧美 日韩 亚洲另类专区,成人免费一级片

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

基于jsTree的無限級樹JSON數據的轉換代碼

jstree 主頁 :
http://www.jstree.com/

其中提供了一種從后臺取數據渲染成樹的形式:
復制代碼 代碼如下:
$("#mytree").tree({
data : {
type : "json",
url : "${ctx}/user/power!list.do"
}
});

對于url中返回的值必須是它定義的json數據形式:
復制代碼 代碼如下:
$("#demo2").tree({
data : {
type : "json",
json : [
{ attributes: { id : "pjson_1" }, state: "open", data: "Root node 1", children : [
{ attributes: { id : "pjson_2" }, data: { title : "Custom icon", icon : "../media/images/ok.png" } },
{ attributes: { id : "pjson_3" }, data: "Child node 2" },
{ attributes: { id : "pjson_4" }, data: "Some other child node" }
]},
{ attributes: { id : "pjson_5" }, data: "Root node 2" }
]
}
});

這里需要一個從后臺實例集合轉換為它規定的json數據的形式.
復制代碼 代碼如下:
/** *//**
* 無限遞歸獲得jsTree的json字串
*
* @param parentId
* 父權限id
* @return
*/
private String getJson(long parentId)
{
// 把頂層的查出來
List<Action> actions = actionManager.queryByParentId(parentId);
for (int i = 0; i < actions.size(); i++)
{
Action a = actions.get(i);
// 有子節點
if (a.getIshaschild() == 1)
{
str += "{attributes:{id:/"" + a.getAnid()
+ "/"},state:/"open/",data:/"" + a.getAnname() + "/" ,";
str += "children:[";
// 查出它的子節點
List<Action> list = actionManager.queryByParentId(a.getAnid());
// 遍歷它的子節點
for (int j = 0; j < list.size(); j++)
{
Action ac = list.get(j);
//還有子節點(遞歸調用)
if (ac.getIshaschild() == 1)
{
this.getJson(ac.getParentid());
}
else
{

str += "{attributes:{id:/"" + ac.getAnid()
+ "/"},state:/"open/",data:/"" + ac.getAnname()
+ "/" " + " }";
if (j < list.size() - 1)
{
str += ",";
}
}
}
str += "]";
str += " }";
if (i < actions.size() - 1)
{
str += ",";
}
}
}
return str;
}

調用:
復制代碼 代碼如下:
@org.apache.struts2.convention.annotation.Action(results =
{ @Result(name = "success", location = "/main/user/action-list.jsp") })
public String list()
{
String str = "[";
// 從根開始
str += this.getJson(0);
str += "]";
this.renderJson(str);
return null;
}

其中Action是菜單類或權限類等的實體。
效果圖:

JavaScript技術基于jsTree的無限級樹JSON數據的轉換代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲成人网页 | 国产精品第一 | 91精品欧美综合在线观看 | 一区二区视频在线观看免费的 | 亚洲综合热 | 真实国产普通话对白乱子子伦视频 | 一区二区三区免费视频 www | 国内精品视频成人一区二区 | 开心激情网五月天 | 狠狠做久久深爱婷婷97动漫 | 亚洲综合色播 | 激情六月丁香婷婷四房播 | 99激情网 | 日韩精品亚洲专区在线影视 | 久久97久久97精品免视看秋霞 | 欧美日本一二三区 | 美女网站色视频 | 欧美美女视频网站 | 中文字幕在线观看国产 | 激情网址在线观看 | 国产 欧美 日产中文 | 精品视频专区 | 亚洲国产一区视频 | 精品久久九九 | 亚洲第一区精品日韩在线播放 | 青青热久麻豆精品视频在线观看 | 久久婷婷六月 | 久久99网站 | 亚洲国产一区二区三区亚瑟 | 五月综合激情久久婷婷 | 精品视频自拍 | 在线91色| 久久网站免费 | 高清一区二区三区四区五区 | 国产精品嫩草影院一二三区 | 特黄毛片 | 国产真实伦在线视频免费观看 | 婷婷网五月天天综合天天爱 | 精品伊人久久香线蕉 | 成人精品久久 | 91嫩草国产线免费观看 |