利用中继器动态加附件案例

在前两天的文章中，我们介绍了如何使用"中继器"来实现动态添加附件的案例。虽然这种方法很方便，但还存在一些不完美的地方。因此，在本篇文章中，我们将使用两个"中继器"来实现一个完美的动态加附件效果。

部分设置及布局

首先，我们需要创建两个新的"中继器"，分别命名为"add_pic"和"pic"。在"中继器：add_pic"的属性中，我们增加了一列名为"pic"的内容，并预设了一些图片。接下来，在"中继器：add_pic"的样式中，我们设置了布局和分页选项。（关键是每页项目数：1）

编辑"中继器：add_pic"

双击进入编辑模式，清空原有的默认布局内容，然后新增一个"增加"图标并命名为"add"。这个图标至关重要，它是实现动态加附件功能的关键。在"中继器：pic"的样式中，我们设置了布局（每排项目数：5）。

编辑"中继器：pic"

在"中继器：pic"的属性中，不需要设置任何内容，可以保持为空。在编辑模式下，我们清空原有的默认布局内容，然后新建一个尺寸为80*80的"图片"并命名为"attachment"，同时新建一个包含3个小图标的"工具组"并命名为"pTool"。这里只针对"删除"图标进行交互动作，其他仅用于演示效果。

交互动作

接下来，我们将逐段介绍交互动作。

"中继器：pic"的每项加载时动作

设置"图片：attachment"的内容为[[]]。

"图片：attachment"的鼠标移动时动作

显示"组合：pTool"并置于顶层以实现弹出效果。

"图标：del"的鼠标单击时动作

删除当前行。

"中继器：add_pic"的交互

我们来看一下两种情况下的判定条件和动作。

Case 1

判定条件："中继器：pic"的项目数量是否小于10（可以根据需求进行设置）。设置"中继器：pic"为局部变量LVAR1，然后动作1中，"中继器：pic"添加一行，列名为[[Item.pic]]。

Case 2

判定条件："中继器：add_pic"的当前页面等于"中继器：pic"的总页面数。动作是设置"中继器：add_pic"的页面为第一页。

完成

到这里，我们已经成功地实现了动态加附件的效果。希望本文能对您有所帮助！如果觉得不错，请投个票并给个赞哦！

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。