[已解决]如何在导航上设置明细信息看板

2021-6-30 13:55:01
9416
要如图这样的效果,请问如何设置,感谢
微信图片_20210630135435.png

小花儿0000已获得悬赏 3 云币

最佳答案

可以的,首先你可以准备一张好看的背景图,然后你在背景图上设置明细数据项,然后添加接口数据就可以了 这个视频有案例介绍了如何在导航上设置明细信息,可以观看一下的:https://www.iyunbiao.com/edu/k/kc0051/le ...
+10
4人收藏
6 条回帖
小花儿0000云道2021-6-30 17:37:43
本帖最后由 小花儿0000 于 2021-6-30 17:41 编辑

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

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






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


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


  • 本节以建立“XXX公司系统”导航为例进行讲解。
00.png




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



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



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



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



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



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



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


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



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



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



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



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



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



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



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



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



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



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



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



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

+11

最近谁赞过

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

要图片中,红框里的效果
+10
长宁云师2021-7-1 16:31:18
这个功能需要用到导航里的列表,在列表下添加超链接和超链接标签,并对超链接标签定义数据项,之后用填表公式从接口赋值这个数据项就行了。具体操作你可以参考下这个https://bbs.iyunbiao.com/forum.p ... =%E5%AF%BC%E8%88%AA
+10
longsky1985云粉2021-11-15 09:41:43
来学习
+10
需要登陆后才可进行回复 登录