本文适合对中继器有一定使用基础的同学。
一、先看效果
二、实现思路
1、菜单,通过前面讲过的中继器实现;
见文章:https://www.axure.com.cn/86880
2、点击菜单后,通过对页签的中继器增加行数据来实现;
3、如果页签数据以前添加过的,则定位到这个行数据后,进行选中状态即可;
4、删除某一个页签即是删除页签中继器中的某一个数据即可。
三、需要的元素
1、组件:中继器两个(一个用于菜单,一个用于页签显示),分别命名为:rp_Menu和rp_PageTab
rp_Menu中的组件:Label \ Box \ Icon(箭头)
如图:
Rp_Menu中继器表格设置如下:
Rp_PageTab中的组件:Box\关闭
用于显示页签名称和关闭按钮
Rp_Page中继器表格的设置如下:
2、全局变量:
Pgs:保存已打开的页面名称;
DelID:用于保存需要删除的页签ID;
IsMarked:用于保存当前的页签,显示为选中状态。
四、添加交互即可实现
1、rp_Menu,每项加载如下:
2、rp_Menu,加载交互如下:
3、菜单点击交互如下:
4、rp_PageTab,每项加载如下:
5、rp_PageTab菜单的点击交互如下,点击是为了定位到该页面(页签):
6、rp_Pagetab菜单的“关闭”按钮,点击交互如下:
演示效果:https://tdazfx.axshare.com/#id=0joqdw&p=page_1
【Axure中继器】利用中继器,实现动态增加页签的功能
导航和页签,没有实现联动,求RP8或RP9能打开的源文件。542317387@qq.com
楼主,谢谢你的分享,可不可以发我一份源文件,我研究好几天了都没弄明白1961919344@qq.com
源码地址:https://gitee.com/jiahang_jh/axure.git
菜单栏三级联动+标签页联动
求博主给一个源文件,非常感谢!!! 35759565@qq.com
老师您好,按照您的文章在学习,有几个地方没搞明白,能否发个源文件给我做个参考,不胜感谢!
35759565@qq.com
很好,可否发个源文件,谢谢。
厉害,发个源文件哇。谢谢
784158765@qq.com
求一个源文件,感谢感谢596085859@qq.com
博主厉害!
点击菜单选中菜单和出现标签一直有问题,求一个源文件,感谢感谢695305536@qq.com
博主,根据文章操作了一遍,标签页没有复现出名称,求一个源文件哇,感谢!!!3189373283@qq.com
博主大大好,试了几天了,都实现不了,跪求博主给一个源文件,深谢博主 309172743@qq.com
这个是真的太复杂了,求博主给一个源文件,非常感谢!!! 903355539@qq.com
求一份源文件,点击过后,再次点击没有选中。求大佬给一份源文件;1336634235@qq.com
求一份源文件,感谢!!!412034989@qq.com
求源文件😭英文难度+n,中继器预览不显示😖2493790177@qq.com
跪求一个源文件,感谢伟大博主!306924624@qq.com
前辈,请教您如果在iFrame打开的页面内想做某元件打开某页面的交互该如何实现呢?iFrame内的页面与侧边导航和页签栏是不在同一页面的,无法跨页面执行交互动作;如果使用全局变量记录目标页面,交互设置父级框架重新加载带有导航和页签的页面,跨页面传参会导致全局变量重置,也无法实现。做到这里卡主好久了,请前辈赐教
前辈,我自己也撸了个侧边导航和页签,实现思路和您的是完全一样的。遇到一个无法实现的新问题请教您:如果iFrame当中存在交互需要打开新页面时该如何实现?iFrame内打开的页面里的元件交互动作是无法给到iFrame之外的父级的,如果重新加载父级页面,那么所有的全局变量又会丢失,做到这里卡住了,感谢查看,期待指点😙
不是很理解。但我也试着理解了一下。https://4hhwai.axshare.com
看下是不是这个效果
求博主给一个源文件,非常感谢!!! 601981146@qq.com
大佬,给个原型吧,实在复刻不出来了,试了一天了,非常感谢3415282088@qq.com
大佬,辛苦给个原型学习学习,感谢感谢 624308698@qq.com😁
哥,求一下动态页签那个项目1965127595@qq.com
求博主给个源文件,谢谢 paulyu666@qq.com
还有,全局变量:DelID、IsMarked在文中都没用到,是否是没有用的?
是的,这个变量是其他地方用的,忘记删除了😁
请问:这段设置update rows rp_pagetab set none for this作用是什么?有点不太理解,谢谢
因为中继器要刷新数据是在加载时,中继器只有在更新数据或者插入数据,才会重新加载每一项的事件(OnItemLoad)
所以 用update 当前行来出发更新命令而已(实际没有更新数据),这样就会重新加载每一项的内容(相当于“刷新”)
博主好,试了好几次都不能完整复现,跪求源文件736844242@qq.com
已发
跪求一个源文件,感谢!395838476@qq.com
请问:update rows re_pagetab set none for this,这段设置的目的是什么?没太理解,谢谢
求博主给一个源文件,非常感谢!!! 1624524492@qq.com
已发
整不明白,求个源文件,谢谢谢谢 1760169069@qq.com
博主能发个源码吗?万分感谢。lee_cn@qq.com
能发下源文件吗
重复步骤好像没有呢,能发整个吗?991081800@qq.com
已发
这个是真的太复杂了,求博主给一个源文件,非常感谢!!! 995301881@qq.com
已发
求一个源文件,没整明白怎么设置不重复打开tab,dasing22@sina.com 感谢。
已发
求教程
页签和页面链接跳转的定位的问题?求教程
看各自的“点击”事件。主要原理就是:点击一个“菜单”后,根据这个菜单的内容,去定位到另外一个中继器的行数,然后把这一行做“标记”即可。