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>