FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 2784|回复: 0
打印 上一主题 下一主题

Button、MenuButton下拉菜单

[复制链接]
跳转到指定楼层
楼主
发表于 2016-7-3 23:17:36 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
  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还是无法达到效果,哪位有做过类似的页面,请上传代码,以观摩学习,谢谢!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-2 01:23 , Processed in 0.044869 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表