webmenu编程精彩历程（二）菜单xml数据规划

菜单数据规划：

采用xml数据岛形式，节点形式如下：

<MenuItem Func="" Text="一级菜单项2" img="addNew.gif" hasSub="1" HeadColumn="2" subWidth="200">

各属性说明：

Func：菜单项上点击时候触发的函数

Text：菜单项文本

img：菜单项左侧的图片

hasSub：是否有下级菜单

HeadColumn：菜单项头部由几项组成，1为仅含图片或者可勾选项 2为同时包含可勾选项和图片项

subWidth：子菜单宽度

hasLine：在该菜单项下画一分隔线

checked：是否被选中

isCheckItem：是否是可构选项

关于各个属性，需要说明的是

1。除了Func和Text节点，其他都不是必须的，仅当需要的时候才需要加上。

2。如果hasSub＝1，则subWidth为必需的，这里指定宽度后能够避免后面计算的麻烦。

3。Root下第一个节点只需要且必须要 hasSub="" subWidth="" ，在没有任何菜单的时候这是必须的。

<?xml version="1.0" encoding="gb2312"?>

<Root>

<MenuItem hasSub="1" subWidth="160" >

<MenuItem Func="" Text="一级菜单项1" img="save.gif"/>

<MenuItem Func="" Text="一级菜单项2" img="addNew.gif" hasSub="1" HeadColumn="2" subWidth="200">

<MenuItem Func="" isCheckItem="1" checked="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" checked="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img="addnew.gif"/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" checked="1" Text="二级级菜单项3" img="save.gif"/>

<MenuItem Func="" isCheckItem="1" checked="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

<MenuItem Func="" isCheckItem="1" Text="二级级菜单项3" img=""/>

</MenuItem>

<MenuItem Func="" Text="一级菜单项3" img="REFRESH.GIF" hasLine="1"/>

<MenuItem Func="" Text="一级菜单项4" img=""/>

<MenuItem Func="" Text="一级菜单项5" img="" hasSub="1" subWidth="160">

<MenuItem Func="" Text="二级级菜单项3" img="Edit.gif" hasLine="1"/>

<MenuItem Func="" Text="二级级菜单项3" img=""/>

<MenuItem Func="" Text="二级级菜单项3" img="" hasSub="1" subWidth="160">

<MenuItem Func="" Text="三级级菜单项4" img="SendEmail.gif" hasLine="1"/>

<MenuItem Func="" Text="三级级菜单项4" img=""/>

<MenuItem Func="" Text="三级级菜单项4" img=""/>

</MenuItem>

</MenuItem>

<MenuItem Func="" Text="一级菜单项6" img="Search.gif"/>

</MenuItem>

</Root>

上述数据在Testmenu.html用以下语句装载到页面里面：

<XML ID="xmlData" SRC="MenuData.xml"></XML>