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