@Martin.Zhang 发表于 2021-8-15 13:52:55

浮动菜单

本帖最后由 @Martin.Zhang 于 2021-8-24 16:59 编辑

在仪表板中除了使用系统已有的可视化组件之外,还可以通过内置扩展插件,甚至自定义插件绘制更多样化的图表以更丰富的形式展示数据。
版本更新记录

版本号更新内容支持Wyn Enterprise版本下载地址
V1.0.1第一次发布5.0


1. 内容概述
    本次更新内容为自定义菜单插件。
    功能特点:
          ①数据字段拖拽赋值,自动生成上下级。
          ②支持css自定义。
          ③支持隐藏悬浮,鼠标靠近后显示,移开后隐藏。
          ④url地址自定义,参数可拼接,完美支持后续项目开发中所需要的各种场景操作。
    插件效果图如下:
   


2. 操作步骤:
    (1)下载插件包,并上传到wyn中。具体操作步骤在这里就不赘述。         将插件上传后,我们还需要设置控件的参数。设置方式如下:

    此时,我们就可以正常使用了。
    (2)在仪表板中使用方法:
    ①选中插件:
   
   ②将插件拖动到仪表板中。
   
    ③数据区域介绍:   
    一级菜单:菜单第一级需要绑定的数据。此项为必填项。
    二级菜单:菜单第二级需要绑定的数据。此项为非必填项,只针对于需要二级菜单的功能。
    url地址/参数:此项可以为链接地址,可以为参数。配合属性设置中几项功能一起使用。
   (4)属性设置介绍:
   
   ①浮动菜单:默认不浮动,可配置菜单显示/隐藏。隐藏菜单会在鼠标移动到所在区域后自动显示。
   ②url地址:url地址前缀地址。
   ③参数追加:选中后,菜单中url地址为:(url地址)+(url地址/参数); 如当前数据则链接地址为:https://www.baidu.com/?s=【url地址/参数】;不选中,则菜单链接地址为:【url地址/参数】 中所对应的数据。
   ④固定地址:菜单对应的链接不会拼接,只使用目前输入的 【url地址】 数据。
   ⑤菜单样式:默认为本菜单对应的所有css,在修改过程中className名称不可以修改。仅能修改className对应的内容。可以根据自身需要修改对应的css。详细css请参阅:。
   ⑥弹出方式:新页面,重定向,目前版本中仅支持这两种选项。后续功能如需扩展,请留言。

      

       本菜单所对应的html文件也一并附上,可以运行调试正常之后,将css代码粘贴单菜单样式中,方便快捷完成效果验证。
      

      以上就是菜单所用使用技巧,使用过程中有任何疑问敬请留言。如需需求扩展,也请留言。














@Martin.Zhang 发表于 2021-8-24 17:02:07

有任何需求,随时反馈哦:lol

橘子hen酸 发表于 2024-5-10 09:26:36

@Martin.Zhang 发表于 2021-8-24 17:02
有任何需求,随时反馈哦

如何设置每一个二级菜单得地址?

Eden.Sun 发表于 2024-5-10 18:56:19

橘子hen酸 发表于 2024-5-10 09:26
如何设置每一个二级菜单得地址?


您在数据绑定上绑定一下呢;

橘子hen酸 发表于 2024-5-13 16:53:04

Eden.Sun 发表于 2024-5-10 18:56
您在数据绑定上绑定一下呢;

谢谢解答。 因为没有在浮动菜单-基础设置中清空URL地址。清空了就是自定义的了。

Eden.Sun 发表于 2024-5-13 17:26:26

橘子hen酸 发表于 2024-5-13 16:53
谢谢解答。 因为没有在浮动菜单-基础设置中清空URL地址。清空了就是自定义的了。

嗯嗯,解决了就好呢:hjyzw:
页: [1]
查看完整版本: 浮动菜单