编辑导语：本文作者分享了用中继器制作标签分类筛选的方法，最终的效果是，选中标签后，会在表格中显示对应的数据行，隐藏标签后会隐藏对应的数据行。具体怎么做？一起来看一下吧。
今天教大家用中继器制作一个标签分类筛选的原型模板，选中标签后，会在表格中显示对应的数据行，隐藏标签后会隐藏对应的数据行。本教程包括多种类型的联合筛选的效果，如下图所示：
原型地址：https://bwhhya.axshare.com/#g=1
标签和表格我们都是用中继器制作的，所以制作完成之后，我们只需要在中继器表格中填写对应的内容，即可自动生成交互效果，复用下极强，下面我们就一起来学习制作吧~
一、表格的制作表格分成两部分，表头和表格内容。
表头我们每一个用矩形制作，案例中有6格所以就用6个矩形制作，增加蓝黑色的填充颜色，白色文字，填写好每一列的表头文字。
表格内容我们用中继器制作，在中继器里面我们放入6个矩形，每一个矩形的宽度和位置要和表头一一对应。
中继器表格里需要有6列，分别对应中继器里6个矩形的文本，我们把所需数据填写在中继器表格内，如下图所示：
中继器每项加载时，我们用设置文本的交互，把中继器表格的内容，设置到中继器里面的矩形
这样我们就完成了中继器表格的基础设置了，后续需要其他效果例如增删改查排序等，都可以自行增加。
二、标签的制作我们新建一个中继器，设置中继器里面默认的矩形样式，设置边线颜色、填充颜色、文字颜色、圆角，以及选中样式，案例中第一个标签组，未选中时文字是黑色，边线、填充颜色和文字都是白色；选中时的文字颜色为红色，边线颜色为红色，填充颜色为浅红色。具体的样式可以根据自身需要设置，这里就不过多展开了。
中继器表格中，我们需要有两列：
column0——中继器自带的列，默认自带设置文本到矩形的交互，这些都不需要修改，我们在里面填写数据即可，案例中该组标签为人名，所以我们可以在中继器表格里直接复制第二列的数据。
xuanzhong——用来控制标签的样式，如果值为1就是选中样式，如果不等于1就是不选中。案例中默认都是选中的所以全部填写1。
中继器每项加载时，里面原有的交互就会把column0的文本设置都标签矩形，所以这里我们不需要修改
我们还需要增加一个空白文本，命名为筛选文本1，默认隐藏，只用于制作后面的筛选事件，中继器加载时，我们增加条件，如果在第一行加载的开始，我们用设置文本的交互，将筛选文本1的值设置为空值
如果xuanzhong列的值为真，我们就用设置选中的交互，将该行的标签选中，并且用设置文本的交互，将标签文本记录在筛选文本1里面。
如果加载到最后一行的时候，我们用触发事件，触发筛选文本1鼠标单击时的交互。这里其实就是触发对内容表格的一个筛选，筛选条件为，中继器表格第二列（员工姓名）里的每一行的内容，是否包含在筛选文本1里，我们要筛选出包含在里面的行。
这里我们需要用到indexof函数，筛选文本1.indexOf(Item.Column2)，如果得到的值大于-1，代表该行的人名在筛选文本1里面，如果小于等于-1，就代表该行的人名不包含在筛选文本1里面，我们的条件就是要大于-1。
鼠标单击标签时，我们通过控制中继器里xuanzhong列的值来控制标签是否被选中，如果标签没有别选中，就是itemxuanzhong!=1时，我们用更新行的交互，将中继器里当前行选中列的值更新为1；那如果标签本身就选中了，就是itemxuanzhong==1时，我们用更新行的交互，将中继器里当前行选中列的值更新为0。
这样我们就实现了单组标签对表格的筛选了。
三、复制多个标签组合如果需要多个标签组合的筛选，那我们可以简单的复制标签中继器和筛选文本，在中继器表格里填入对应的内容，例如上面标签中继器里column0里填写的是人名，现在我们就换成职位，将数据填写进去后，删除多余的行。
然后我们再改一下筛选条件，前面是对Column2（人名列）进行筛选，这里就要改成对Column3（职位列）进行筛选。这里还需要注意的是，如果是多个条件的筛选，我们要给该每一个筛选时间命名，每个筛选命名不同一样，例如前面按人名筛选命名为筛选1，并且取消勾选移除其他筛选；这里按职位是啊选就命名为是筛选2，并且取消勾选移除其他筛选。如果没有取消勾选或者单独命名，就会影响到联合筛选。
同样的道理，我们制作完第二组标签组，后续需要增加标签组都是用同样的方式。
这样我们就完成标签分类筛选中继器表格原型模板的制作了，以后使用时只需要在中继器表格里填写内容，就可自动生成能通过标签来筛选的中继器表格，是不是很方便呢？
那以上就是用中继器制作标签分类筛选表格原型模板的全部内容了，感谢您的阅读，我们下期见。
本文由 @Axure高保真原型 原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自 Unsplash，基于 CC0 协议。
axure下拉列表怎么存到中继器（Axure教程标签分类筛选中继器表格）
2024-06-27 08:00:41 作者:一颗黑曜石 网址:https://m.xinb2b.cn/know/zoc193222.html
- 电动车头盔怎么挑选（如何挑选电动车头盔）
- 2024-06-28如何挑选电动车头盔3c强制认证，因为头盔的目的是保护自己，但是现在头盔实在是太多了，首先第一个标准就是是否是3c强制认证的这个是基础量好头围，适合自己，因为电动车虽然很多头盔都是均码可以调节的，但是我们也要量好以后看一。
- 停牌定增实控人变更（实控人家族资本腾挪）
- 2024-06-28实控人家族资本腾挪三季报显示，向日葵今年的业绩至今仍未扭亏为盈为此，上市公司实际控制人开始在家庭成员之间进行旗下资产及股权的转移作为一家光伏企业，向日葵主要从事太阳能电池及组件的研发、生产和销售光伏行业受政策的影响，具。
- 调整生物钟需要几天时间（孩子的生物钟调好了吗）
- 2024-06-28孩子的生物钟调好了吗眼看开学在即，孩子生物钟还没调过来怎么办？晚上不肯睡，早上起不来，起来了又没精神，这是很多孩子宅家生活的真实写照《2020全国宅家期间中国居民睡眠白皮书》调查发现，疫情期间，国人睡眠时间整体延迟2~3。
- 陆毅谈过几个女朋友（陆毅俩女儿一起表演变装秀）
- 2024-06-28陆毅俩女儿一起表演变装秀某地方台的一档亲子综艺《爸爸去哪儿》带火了无数萌物，其中陆毅带长女贝儿在其中受到了很大的欢迎，她是一个古灵精怪的小姑娘，做事有度还不任性，最关键的是长得还非常漂亮，所以备受欢迎陆毅俩女儿一起表演变装秀。
- 李铁柱和张桂花的爱情故事（戚其义配周旭明）
- 2024-06-28戚其义配周旭明作者：咖啡里的云声明：原创文章，禁止转载，抄袭必究！戚其义和周旭明，一导一编，一文一武，以独树一帜的风格和大胆求新的态度打造了香港电视史上的传奇，成为了TVB经典剧集的代名词群戏一直是戚周二人擅长的剧。
- ps图案叠加为什么图片显示不出来（怎么办？）
- 2024-06-28怎么办？点击图层面板下方的【添加图层样式】按钮，选择【图案叠加】，弹出图层样式对话框点击“图案”方框旁边的三角形图标，出现图案缩略图的文本列表点击在文本列表右侧的三角形图标，将仅文本替换成小缩略图或大缩略图这。
- 嘁嘁喳喳的读音（嘁嘁喳喳的意思）
- 2024-06-28嘁嘁喳喳的意思嘁嘁喳喳拼音：[qīqīchāchā]嘁嘁喳喳，汉语成语，意思是低声议论，搬弄是非出自清·曹雪芹《红楼梦》清·曹雪芹《红楼梦》第25回：“说着便叫过一个心腹婆子来，耳根底下嘁嘁喳喳说了几句话”成语用法。
- b族维生素总共有几种（B族维生素功效全总结）
- 2024-06-28B族维生素功效全总结B族维生素是维持人体正常机能与代谢活动不可或缺的水溶性维生素，人体无法自行制造合成且B族维生素是水溶性的，多余的B族维生素不会在人体内贮存，所以应每天补充今天小编带大家来了解一下，每一种B族维生素对人。
- 油麦菜有什么营养呢（油麦菜有哪些营养）
- 2024-06-28油麦菜有哪些营养富含大量维生素A、维生素B维生素B2的同时，还含有钙、铁、硒等多种人体不可或缺的微量元素油麦菜营养丰富、口感鲜嫩，生熟皆可食用，是生食蔬菜中的上品，素有“凤尾”之称的美誉油麦菜还富含抗坏血酸和叶酸，抗。
- bj212大改款（北汽BJ212变牧马人）
- 2024-06-28北汽BJ212变牧马人文章原创，欢迎个人分享转载目前硬派越野车比较流行，原因是生活水平提高，有闲余的时间出去游玩，对于越野来说，目前的品牌还比较少，因为越野车在城市驾驶不舒服，如果想去越野，素车的性能还太一般，如果进行改装。
- 水浒英雄宋江之死（水浒故事之宋江之死）
- 2024-06-28水浒故事之宋江之死望着眼前的御酒，幽碧中透岀一丝绛紫，难道这就是传说中的鹤顶红？宋江的双眼模糊了，一幕幕往事、一个个身影飞速闪现“宋江，还我的山寨，还我的兄弟来！”晁盖额头上还插那支毒箭，厉声怒喝哎！哥哥可以当个好地主。
- 背上长痘痘怎么消除（消除背上长痘痘的4个方法）
- 2024-06-28消除背上长痘痘的4个方法注意个人卫生只有保持身体的洁净，确保胸前背后的皮肤清爽干净，确保毛孔通畅，避免油脂堵塞，切记，在洗完澡后，一定要将身体擦拭干净之后在穿上衣服，否则潮湿的身体接触衣物之后很容易滋生出细菌，再者，当身上出。