WPS_1591342209 发表于 2021-6-30 13:55:01

如何在导航上设置明细信息看板

要如图这样的效果,请问如何设置,感谢


小花儿0000 发表于 2021-6-30 17:37:43

本帖最后由 小花儿0000 于 2021-6-30 17:41 编辑

可以的,首先你可以准备一张好看的背景图,然后你在背景图上设置明细数据项,然后添加接口数据就可以了

这个视频有案例介绍了如何在导航上设置明细信息,可以观看一下的:https://www.iyunbiao.com/edu/k/kc0051/learn#00364





拓展:
------------
如何建立导航

[*]建立导航分为两步,第一步设计导航界面,第二步设计导航操作。这两步缺少一步,导航都无法帮助用户访问目标页面。


[*]本节以建立“XXX公司系统”导航为例进行讲解。





设计导航界面
[*]1. 登录后进入下图所示的界面,然后点击工具栏的【新建导航】。





[*]2.进入“新建模板”的标签页,使用鼠标左键单击右侧“常用控件”中的控件后,不松手的状态下拖动到左侧设计面板中。选中需要设计的控件,在右侧“控件属性”中设置相关属性的参数。





[*]3.拖动“组合面板”控件到设计面板中,右侧“控件属性”的对齐选择“充满”。





[*]4.直接拖动2个“组合面板”控件到设计面板的任意位置,要隶属于“组合面板1”下,然后分别点击“组合面板2”、“组合面板3”,修改“对齐”属性均为“顶对齐”。





[*]5.拖动“文本框”控件到设计面板中的“组合面板2”的任意区域。设置属性“名称”为“XXX公司系统”,并设置相应的属性。单击属性“字体”的“+”,展开后可修改字体样式、大小以及颜色。





[*]6. 直接拖动5个“组合面板”控件到设计面板中的“组合面板3”的任意位置,要隶属于“组合面板3”下,接着修改相应的控件属性。





[*]7. “组合面板5”、“组合面板6”、“组合面板7”、“组合面板8”的控件属性“层”之所以要跟“组合面板4”设置为一样,是因为在“组合面板4”左对齐的基础上,保证充满剩余区域。


[*]8. 直接拖动4个“分页按钮”控件到设计面板中的“组合面板4”的任意位置,要隶属于“组合面板4”下,接着分别该4个“分页按钮”的“对齐”为“顶对齐”。





[*]9.“分页按钮”的控件属性“背景”以及“边框”均有“常亮”、“高亮”、“点击”、“选中”四种按钮状态的设置。“边框”的“宽度”需要设置相应的值,不然默认为“0”,无法显示边框。





[*]10.给每个“分页按钮”下各自添加“文本框”控件。修改控件属性“对齐”为“居中”,“字体”为“微软雅黑12号”以及“背景”的颜色。





[*]11. 单击“分页按钮”,在“控件属性”中勾选“选择”,就可以设计对应的面板,实现分页效果。修改已建立的“分页按钮”的“面板”属性:
[*](1)“分页按钮1”的“面板”为“组合面板5”;
[*](2)“分页按钮2”的“面板”为“组合面板6”;
[*](3)“分页按钮3”的“面板”为“组合面板7”;
[*](4)“分页按钮4”的“面板”为“组合面板8”。





[*]12.勾选“分页按钮1”的控件属性“选择”,在“组合面板5”内添加“按钮”,完善其控件属性。“宽度”、“高度”的参数是指这个“按钮”的大小,单位是像素。





[*]13.控件属性“锚定”中的参数值是指在上一层的控件中,相对于上、下、左、右的距离。如下图,表示在上一层的控件中,相对于上边缘、左边缘距离100像素,而距离下边缘以及右边缘为自动。





[*]14. 控件属性“背景”中的参数讲解:
[*](1)“常态”:按钮常态下的颜色;
[*](2)“高亮”:当鼠标移到按钮上时按钮的颜色;
[*](3)“点击”:当鼠标单击按钮时按钮的颜色。





[*]15.勾选“分页按钮2”的控件属性“选择”,在“组合面板6”内添加“按钮”,完善其控件属性。





[*]16. 勾选“分页按钮3”的控件属性“选择”,在“组合面板7”内添加“按钮”,完善其控件属性。





[*]17. 勾选“分页按钮4”的控件属性“选择”,在“组合面板8”内添加“按钮”,完善其控件属性。





[*]18.按照上面的方法,给各个组合面板中添加对应的“超链接标签”控件,修改相关的控件属性。属性“高亮字体”的参数设置是指当鼠标移动到该控件上时字体形态所需的改变。





[*]19. 单击【保存】,弹出“模板属性”对话框。一般将“默认模板”打勾,以便当用户打开文件夹时自动打开导航。





[*]20.回到系统登录后的主界面,分别单击“基本信息”分页按钮、“采购管理”分页按钮、“销售管理”分页按钮、“库存管理”分页按钮,右侧均进入对应的界面。

WPS_1591342209 发表于 2021-6-30 14:38:28

159134226047647 发表于 2021-6-30 13:55
要如图这样的效果,请问如何设置,感谢

要图片中,红框里的效果

长宁 发表于 2021-7-1 16:31:18

这个功能需要用到导航里的列表,在列表下添加超链接和超链接标签,并对超链接标签定义数据项,之后用填表公式从接口赋值这个数据项就行了。具体操作你可以参考下这个https://bbs.iyunbiao.com/forum.php?mod=viewthread&fid=91&tid=2373&highlight=%E5%AF%BC%E8%88%AA

longsky1985 发表于 2021-11-15 09:41:43

来学习
页: [1]
查看完整版本: 如何在导航上设置明细信息看板