FineUI 官方论坛

标题: Button、MenuButton下拉菜单 [打印本页]

作者: szjazz    时间: 2016-7-3 23:17
标题: Button、MenuButton下拉菜单
  1. <f:Button ID="Button1" Text="主 菜 单" EnablePostBack="False" Size="Small" runat="server" Icon="House">
  2.                                 <Menu ID="fastMenu" runat="server">
  3.                                     <f:MenuButton ID="CustomerMgr" runat="server" Text="客户管理" OnClick="btnLoadForm_Click"></f:MenuButton>
  4.                                     <f:MenuButton ID="LinkManMgr" runat="server" Text="联系人" OnClick="btnLoadForm_Click"></f:MenuButton>
  5.                                     <f:MenuButton ID="ActionMgr" runat="server" Text="沟通联系" OnClick="btnLoadForm_Click"></f:MenuButton>
  6.                                     <f:MenuButton ID="RemindMgr" runat="server" Text="事务提醒" OnClick="btnLoadForm_Click"></f:MenuButton>
  7.                                     <f:MenuButton ID="OppMgr" runat="server" Text="业务机会" OnClick="btnLoadForm_Click"></f:MenuButton>
  8.                                     <f:MenuButton ID="OfferMgr" runat="server" Text="报价追踪" OnClick="btnLoadForm_Click"></f:MenuButton>
  9.                                     <f:MenuButton ID="OrderMgr" runat="server" Text="合同订单" OnClick="btnLoadForm_Click"></f:MenuButton>
  10.                                     <f:MenuButton ID="GatherMgr" runat="server" Text="收款记录" OnClick="btnLoadForm_Click"></f:MenuButton>
  11.                                     <f:MenuButton ID="SurveyMgr" runat="server" Text="服务调查" OnClick="btnLoadForm_Click"></f:MenuButton>
  12.                                     <f:MenuSeparator ID="MenuSeparator1" runat="server"></f:MenuSeparator>
  13.                                     <f:MenuButton ID="NewsCenter" runat="server" Text="新闻公告" OnClick="btnLoadForm_Click"></f:MenuButton>
  14.                                     <f:MenuButton ID="Knownledge" runat="server" Text="知识分享" OnClick="btnLoadForm_Click"></f:MenuButton>
  15.                                 </Menu>
  16.                             </f:Button>
复制代码
借助Button和Menu组合成下拉菜单,发现一点,只有点击了Button之后,才会弹出下拉菜单,方可在Button和Menu形成的多个菜单项之项移动,鼠标移动某个Button,才会自动显示出其对应的下拉菜单
检验效果:http://www.fineui.com/demo/#/demo/toolbar/menucheckbox.aspx

本人希望能鼠标移到这些菜单项之间的任一个时,会自动显示出其对应的下拉菜单内容,而移走后会自动隐藏下拉菜单项,哪位有改进过,请指教!

另外,本人用到RegionPanel,如果将这种模型的菜单放在Top顶部Region,用JS、Html来实现的话,却无法显示出下拉菜项来,被中间区Region的遮住了,本人不断调试CSS,用了z-Index还是无法达到效果,哪位有做过类似的页面,请上传代码,以观摩学习,谢谢!
[attach]8963[/attach]





欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4