在《中继器的应用（4）》的末尾提到，我们所完成的案例还有一些交互需要添加。
一、第一个交互
页面刚打开时，“需要根据“收藏列表”第一项的私密属性，改变“私密按钮”的文字。
所以，我们需要给中继器“收藏列表”的[每项加载时]添加新的交互，判断中继器当前加载的是不是第一项。
这里包含两种情形：
1、当前是第一项并且私密属性为“true”。
系统变量“isFirst”，能够返回真假值，也就是“true”和“false”。
我们通过系统变量的值，就能够判断出当前加载的项是否第一项。
满足条件时，为[私密按钮][设置文本]，文本内容为“设为私密”。
不要忘记，将情形的[Else If]转换为[If]。
2、当前是第一项并且私密属性为“false”。
这个情形如果与上一情形保持“if...else”的逻辑关系，就只需要判断当前加载的是否第一项。
满足条件时，为[私密按钮][设置文本]，文本内容为“设为公开”。
二、第二个交互
页面刚打开时，“收藏列表”的第一项是选中的状态。
所以，我们需要给中继器“收藏列表”的[每项加载时]事件继续添加新的交互。
这是一种新的情形，命名为“第一项时”。
为情形添加条件，判断当前加载的是否第一项。
符合条件时，执行的动作是[选中][收藏目录]。
另外，中继器列表加载完毕时，列表的第一项是可以直接删除的，所以[选中]的同时也要进行[取消标记]和[标记行]的动作。
为什么这里也要加[取消标记]的动作？
你可以做一个尝试。
删掉[取消标记]的动作，在浏览器中查看原型；点击第一项之外的列表项，然后进行私密属性的修改；点击确定按钮之后，点击删除按钮。是不是两个列表项都消失了？
这是因为更新数据之后没有取消被更新列表项的标记，导致第一个列表项和被更新的列表项同时被标记。
所以，需要添加[取消标记]的动作。
当然，这个动作也可以添加到[更新行]的动作之后。
三、第三个交互
先将“删除收藏夹”的按钮命名为“删除按钮”。
当“收藏列表”是空列表时，我们需要隐藏“删除按钮”和“私密按钮”。
所以，我们将这两个按钮在样式面板中默认设置为[隐藏]状态。
什么时候显示呢？
如果“收藏列表”不是空列表，就会触发[每项加载时]的事件，所以在[每项加载时]时间的[默认加载时]情形中，我们添加[显示][删除按钮]和[私密按钮]的动作。
四、第四个交互
当删除“收藏列表”中的收藏夹时，如果删除的是最后一个收藏夹，还要将“删除按钮”和“私密按钮”隐藏。
所以，在“删除按钮”的[单击时]事件中，我们需要添加新的情形，“列表为空时”的情形。
然后添加条件判断当前列表中加载的项是不是大于“0”。
系统变量“dataCount”，能够返回中继器列表加载项的数量，没有加载项时数值为“0”。
当满足条件时，我们[隐藏]删除按钮]和[私密按钮]。
到这里，CSDN个人中心的收藏夹功能案例就结束了。
不习惯看文字教程？还有《Axure RP 9萌新修炼视频》奉上！
转载请注明：iaxure.com » 中继器的应用（5）