中继器使用场景一

　　本文适合已经掌握axure元件属性，中继器属性、中继器制作、中继器元件与数据集关系的同学参考。
　　最近自己在做中粮我买网的高保真原型，截取了一段购物车中的场景——同一商品，在重复点击购物车图标时，在购物车页面，只做实时数量变化，而不会重复添加条目。
　　gif图演示：
　　为了效果的直观性，gif图将＂商品列表＂（左侧）和＂购物车界面＂（右侧）放在同一平面上，让大家看到变化。
　　为了文章简化，仅讲解＂购物清单，重复添加同一商品，实时数量变化＂这一部分的实现方法。
　　思路：
　　当在产品列表页，看到商品时，第一次点击购物车图标，在购物车页面中添加一行数据，显示所选购的商品。
　　当重复点击同一商品的购物车标志时，在购物车页面，要更新该商品行的数据，更新数量文本的数字，不会重复添加条目。
　　实现步骤
　　1. 准备两个中继器
　　（1）第一个中继器：商品列表中继器结构
　　中继器数据载入时元件及数据项目绑定如下：
　　这里重点说两点：
　　重点一：商品图片在img列中的表现方式
　　常规做法是，在img列中右键选择＂导入图片＂，然后选择图片，插入图片。
　　这种做法的问题是，图片无法在两个元件之间传递，比如：在点击购物车图标时，在＂购物车页面中继器中＂显示该商品的图片，用＂添加行＂命令时，即便设置＂购物车页面中继器＂中的img==＂商品列表中继器＂中的img，但是在实际生成时，并不能看到对应图片。
　　技巧：先将所需的图片都统一放在一个页面中，然后生成预览一下，在浏览器中（谷歌、360均可）右键选择复制图片地址，然后将该地址粘贴在img列表项中即可。这样，在两个中继器中传递图片就可以了。
　　操作过程如下：
　　重点二：shuliang列表项
　　在中继器的数据表中，有shuliang一项，这一项在视图中不做加载，即不和任何元件关联，只是作为判断项存在。初始数据为0，是为了日后分辨点击购物车列表的行为的，第一次点击，该数值为1，两次点击即为2，以此类推（实现办法下文有介绍）。
　　第二个中继器：购物车列表中继器结构
　　中继器数据载入时元件及数据项目绑定如下：
　　重点：＂购买数量＂的那个文本框，截图中为＂shuliang＂，加载时要绑定item.shuliang列。
　　2. 添加交互
　　在第一个商品列表中继器（截图中名字为goods list）里的购物车图标中，添加交互。
　　Case1：
　　（if true）即无条件的，首要执行的动作，接下来更新本行数据。
　　更新行的交互截图：
　　解释：在点击购物车图标时，首先要更新本行数据（商品列表中继器）的shuliang列，更新为[[Item.shuliang+1]]，即每点击一次购物车图标，shuliang列就+1。
　　Case2：
　　（if ＂[[Item.shuliang]]＂ == ＂1＂）即如果shuliang列为1，即只点击了购物车图标一次。接下来为购物车中继器（截图中为名字为shopping）＂添加行＂。
　　截图如下：
　　两个中继器之间的数据对应各个列，分别绑定，尤其是shuliang列，两个中继器中的shuliang列数据一致。即点击一次购物车图标时，商品列表中继器中的shuliang为1，购物车中继器中的shuliang也是1。因为购物车中继器的＂购买数量文本框＂shuliang在每项加载中和数据集的shuliang列绑定，所以此时该文本框显示为1。
　　Case3
　　（Else if ＂[[Item.shuliang]]＂ > ＂1＂即多次点击了购物车图标。接下来为购物车中继器（截图中为名字为shopping）＂更新行＂。
　　截图如下：
　　更新行条件：[[Item.name==TargetItem.name]] 即找到已经添加过的商品条目
　　更新列：shuliang
　　更新为：item.shuliang即找到已经添加过的商品条目，仅更新shuliang列数量，因该列给购买数量文本框（shuliang）赋值，所以在演示时，就能看到数量文本框不断增加数量。