（JQuery）如何給JsTree生成的樹的每個(gè)節(jié)點(diǎn)添加上自定義的右鍵菜單？

一個(gè)帶有右鍵操作的樹形菜單

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括西安網(wǎng)站建設(shè)、西安網(wǎng)站制作、西安網(wǎng)頁(yè)制作以及西安網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，西安網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到西安省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

$(document).ready(function(){

$.ajaxSetup({cache:false});

$("#browser").tree({

data??:?{

type??:?"json",

url???:?src,

async?:?true,

async_data?:?function?(NODE)?{

return?{?parent_Id?:?$(NODE).attr("id")?||?0}

}

},

lang:{

loading:"目錄加載中……"

},

rules:

{

draggable???:?"all"???//這個(gè)設(shè)置可以使得節(jié)點(diǎn)進(jìn)行拖動(dòng)操作

},

ui:{

context?????:?[?//自定義右鍵操作的可操作內(nèi)容

{

id??????:?"create",

label???:?"添加下級(jí)目錄",?//右鍵彈出菜單的此項(xiàng)操作屏顯字樣

visible?:?function?(NODE,?TREE_OBJ)?{?if(NODE.length?!=?1)?return?false;?return?TREE_OBJ.check("creatable",?NODE);?},?//允許節(jié)點(diǎn)被右擊時(shí)出現(xiàn)操作菜單

icon????:?"%=request.getContextPath()?%/css/themes/default/create.png",//右鍵彈出菜單的此項(xiàng)操作圖標(biāo)

action??:?function?(NODE,?TREE_OBJ)?{

//進(jìn)行此項(xiàng)操作，將有這個(gè)函數(shù)事件被響應(yīng)

}

},

"separator"http://這個(gè)是在兩個(gè)操作之間畫一條分隔線

,

{

id??????:?"edit",

label???:?"編輯目錄信息",

visible?:?function?(NODE,?TREE_OBJ)?{?if(NODE.length?!=?1)?return?false;?return?TREE_OBJ.check("creatable",?NODE);?},

icon????:?"%=request.getContextPath()?%/image/reg2.gif",

action??:?function?(NODE,?TREE_OBJ)?{

openWindow('myurl','','',function(){treeRefresh($(NODE).attr("id"));});

}

},

"separator"

,

{

id??????:?"privilege",

label???:?"設(shè)置目錄權(quán)限",

visible?:?function?(NODE,?TREE_OBJ)?{?if(NODE.length?!=?1)?return?false;?return?TREE_OBJ.check("creatable",?NODE);?},

icon????:?"%=request.getContextPath()?%/css/themes/default/rename.png",

action??:?function?(NODE,?TREE_OBJ)?{

openWindow('myurl','','',function(){treeRefresh($(NODE).attr("id"));});

}

},

"separator",

{

id??????:?"delete",

label???:?"刪除",

visible?:?function?(NODE,?TREE_OBJ)?{?if(NODE.length?!=?1)?return?false;?return?TREE_OBJ.check("creatable",?NODE);?},

icon????:?"%=request.getContextPath()?%/css/themes/default/remove.png",

action??:?function?(NODE,?TREE_OBJ)?{

var?tree=$.tree_reference("browser");

openWindow('myurl','','',function(){

//下邊的.parent()和.refresh()均為v0.9.8版本提供，如果你使用的是其他版本如v0.9.6等，這些將不被支持。

NODE=$(tree.parent(NODE));

if($(NODE).attr("id")==undefined){

tree.refresh();

}else{

TreeRefresh();

}

});

}

},

"separator",

{

id??????:?"others",

label???:?"其他操作",

visible?:?function?(NODE,?TREE_OBJ)?{?if(NODE.length?!=?1)?return?false;?return?TREE_OBJ.check("creatable",?NODE);?},

icon????:?"%=request.getContextPath()?%/css/images/cut.png",

action??:?function?(NODE,?TREE_OBJ)?{

alert("暫無可提供操作。");

}

}

]

},

callback?:?{

onselect:?function(node)?{

//(a);

}

}

});

function?treeRefresh(nodeid){

var?rid=nodeid;

var?tree=$.tree_reference("browser");

var?par_node=tree.parent($("#"+rid));

tree.refresh(par_node);

}

});

jquery的樹形控件ztree怎么用怎么導(dǎo)入

zTree是最流行的一款jquery樹形控件。 zTree 是利用 JQuery 的核心代碼，實(shí)現(xiàn)一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等瀏覽器 在一個(gè)頁(yè)面內(nèi)可同時(shí)生成多個(gè) Tree 實(shí)例 支持 JSON 數(shù)據(jù) 支持一次性靜態(tài)生成 和 Ajax 異步...

如何使用jquery中tree下面的checkbox選中

在后臺(tái)java中判斷是否選中，選中就賦上"checked":true,如下面的：

[{

"id":4,

"text":"File3",

"attributes":{

"p1":"value1",

"p2":"value2"

},

"checked":true,

"iconCls":"icon-reload"

}]

如果是前臺(tái)判斷比較麻煩，在后臺(tái)對(duì)json操作方便些

如何通過js腳本獲得jquery tree樹節(jié)點(diǎn)的Id號(hào)

使用jQuery框架操作HTML DOM是一件極其便捷的事情，如下操作即可獲取相應(yīng)節(jié)點(diǎn)的數(shù)據(jù)，id和名字（下文中引用“$(this)”表示一個(gè)jQuery對(duì)象）：

獲取節(jié)點(diǎn)標(biāo)簽內(nèi)容數(shù)據(jù)： $(this).html( )

獲取表單組件中的值： $(this).val()

獲取節(jié)點(diǎn)中的文本內(nèi)容（例如textarea）: $(this).text()

獲取節(jié)點(diǎn)的id： $(this).attr("id")

獲取節(jié)點(diǎn)的名字： $(this).attr("name")