EasyUI是一個(gè)基于jQuery的UI插件庫(kù)，為我們提供了便捷的開(kāi)發(fā)工具，使得我們的網(wǎng)頁(yè)開(kāi)發(fā)更加便捷易用。EasyUI之中的Json菜單樹(shù)便是一款非常實(shí)用的工具，在應(yīng)用中有著重要的作用。

下面我們?cè)敿?xì)介紹EasyUI的Json菜單樹(shù)的使用方法：

$(function(){
$('#tree').tree({
url:'tree.json',
lines:true,
onClick: function(node){
if($('#tree').tree('isLeaf', node.target)){
//打開(kāi)新窗口
var tab = $('#tt').tabs('getTab','菜單樹(shù)');
var index = $('#tt').tabs('getTabIndex',tab);
$('#tt').tabs('update',{
tab:tab,
options:{
title:node.text,
href:node.attributes.href,
iconCls:node.iconCls,
cache:false
}
});
}else{
$('#tree').tree('toggle',node.target);
}
}
});
});

通過(guò)以上代碼實(shí)現(xiàn)了當(dāng)我們點(diǎn)擊菜單樹(shù)的時(shí)候，頁(yè)面會(huì)根據(jù)我們選擇的節(jié)點(diǎn)進(jìn)行跳轉(zhuǎn)，并將此節(jié)點(diǎn)的信息展示在tab中。

需要注意的是，我們需要在菜單樹(shù)所對(duì)應(yīng)的json數(shù)據(jù)中加入節(jié)點(diǎn)跳轉(zhuǎn)的地址，并且在EasyUI的Tabs插件中設(shè)置屬性cache為false，以便能夠在每次切換tab時(shí)更新數(shù)據(jù)，保證數(shù)據(jù)的及時(shí)準(zhǔn)確性。

以上便是關(guān)于EasyUI Json菜單樹(shù)跳轉(zhuǎn)的介紹，希望能夠?qū)Υ蠹矣兴鶐椭?/p>