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>

 

本文地址：http://com.8s8s.com/it/it42864.htm