菜单数据规划:
采用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>

|