Menus.xml
<?xml version="1.0" encoding="UTF-8"?>
<root>
<Menu ID="00" Parent="0" Depth="0" Children="4" Sequence="1" Name="位置服务" DisableFlag="1100" Url=""/>
<Menu ID="01" Parent="0" Depth="0" Children="0" Sequence="2" Name="调度管理" DisableFlag="1100" Url=""/>
<Menu ID="02" Parent="0" Depth="0" Children="0" Sequence="3" Name="设备控制" DisableFlag="1100" Url=""/>
<Menu ID="03" Parent="0" Depth="0" Children="0" Sequence="4" Name="报警管理" DisableFlag="1100" Url=""/>
<Menu ID="04" Parent="0" Depth="0" Children="0" Sequence="5" Name="参数设置" DisableFlag="1100" Url=""/>
<Menu ID="05" Parent="0" Depth="0" Children="0" Sequence="6" Name="报表中心" DisableFlag="1100" Url=""/>
<Menu ID="06" Parent="0" Depth="0" Children="0" Sequence="7" Name="设备管理" DisableFlag="1100" Url=""/>
<Menu ID="07" Parent="0" Depth="0" Children="0" Sequence="8" Name="用户管理" DisableFlag="1100" Url=""/>
<Menu ID="08" Parent="0" Depth="0" Children="0" Sequence="9" Name="系统管理" DisableFlag="1100" Url=""/>
<Menu ID="0001" Parent="00" Depth="1" Children="0" Sequence="1" Name="定位服务" DisableFlag="1100" Url="1.html"/>
<Menu ID="0002" Parent="00" Depth="1" Children="0" Sequence="2" Name="历史轨迹" DisableFlag="1100" Url="2.html"/>
<Menu ID="0003" Parent="00" Depth="1" Children="0" Sequence="3" Name="我的地图" DisableFlag="1100" Url="#"/>
<Menu ID="0004" Parent="00" Depth="1" Children="0" Sequence="4" Name="请求服务" DisableFlag="1100" Url="#"/>
<Menu ID="0101" Parent="01" Depth="1" Children="0" Sequence="1" Name="调度管理1" DisableFlag="1100" Url="#"/>
<Menu ID="0102" Parent="01" Depth="1" Children="0" Sequence="2" Name="调度管理2" DisableFlag="1100" Url="#"/>
<Menu ID="0103" Parent="01" Depth="1" Children="0" Sequence="3" Name="调度管理3" DisableFlag="1100" Url="#"/>
<Menu ID="0104" Parent="01" Depth="1" Children="0" Sequence="4" Name="调度管理4" DisableFlag="1100" Url="#"/>
</root>
JS代码
//设置延迟2毫秒来加载主菜单
setTimeout("showMenuList()", "200");
function showMenuList()
{
var mainMenuUrl = "Common\\Menus.xml";
var menuItem = "";
$.ajax({
url:mainMenuUrl,
type:"POST",
dataType:($.browser.msie) ? "text" : "xml",
success:function(data){
var xml;
if( typeof data == "string" ){
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.async = false;
xml.loadXML(data);
} else {
xml = data;
}
var index=0;
$(xml).find("Menu").each(function(i){
var ID=$(this).attr('ID');
var Name=$(this).attr("Name");
var Parent=$(this).attr("Parent");
//选择所有父节点为0的元素作为第一层菜单元素,菜单默认选择的是第一个按钮,设置第一个按钮的class=active
if(Parent=='0')
{
if(index==0)
{
menuItem+='<div class="active" id="'+ID+'"><a href="#" οnclick="selectMainMenu(\''+ID+'\')">'+Name+'</a></div>';
}
else
{
menuItem+='<div id="'+ID+'"><a href="#" οnclick="selectMainMenu(\''+ID+'\')">'+Name+'</a></div>';
}
}
index++;
});
$("#mainMenu").html(menuItem);
},
error:function (XMLHttpRequest, textStatus, errorThrown) {
$("#mainMenu").html("加载异常,请联系客服人员。");
}
});
}