FineUI 官方论坛
标题:
Button、MenuButton下拉菜单
[打印本页]
作者:
szjazz
时间:
2016-7-3 23:17
标题:
Button、MenuButton下拉菜单
<f:Button ID="Button1" Text="主 菜 单" EnablePostBack="False" Size="Small" runat="server" Icon="House">
<Menu ID="fastMenu" runat="server">
<f:MenuButton ID="CustomerMgr" runat="server" Text="客户管理" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="LinkManMgr" runat="server" Text="联系人" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="ActionMgr" runat="server" Text="沟通联系" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="RemindMgr" runat="server" Text="事务提醒" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="OppMgr" runat="server" Text="业务机会" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="OfferMgr" runat="server" Text="报价追踪" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="OrderMgr" runat="server" Text="合同订单" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="GatherMgr" runat="server" Text="收款记录" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="SurveyMgr" runat="server" Text="服务调查" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuSeparator ID="MenuSeparator1" runat="server"></f:MenuSeparator>
<f:MenuButton ID="NewsCenter" runat="server" Text="新闻公告" OnClick="btnLoadForm_Click"></f:MenuButton>
<f:MenuButton ID="Knownledge" runat="server" Text="知识分享" OnClick="btnLoadForm_Click"></f:MenuButton>
</Menu>
</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