在前兩天的文章中，我們介紹了如何使用"中繼器"來實現(xiàn)動態(tài)添加附件的案例。雖然這種方法很方便，但還存在一些不完美的地方。因此，在本篇文章中，我們將使用兩個"中繼器"來實現(xiàn)一個完美的動態(tài)加附件效果。 部

在前兩天的文章中，我們介紹了如何使用"中繼器"來實現(xiàn)動態(tài)添加附件的案例。雖然這種方法很方便，但還存在一些不完美的地方。因此，在本篇文章中，我們將使用兩個"中繼器"來實現(xiàn)一個完美的動態(tài)加附件效果。

部分設(shè)置及布局

首先，我們需要創(chuàng)建兩個新的"中繼器"，分別命名為"add_pic"和"pic"。在"中繼器：add_pic"的屬性中，我們增加了一列名為"pic"的內(nèi)容，并預(yù)設(shè)了一些圖片。接下來，在"中繼器：add_pic"的樣式中，我們設(shè)置了布局和分頁選項。（關(guān)鍵是每頁項目數(shù)：1）

編輯"中繼器：add_pic"

雙擊進(jìn)入編輯模式，清空原有的默認(rèn)布局內(nèi)容，然后新增一個"增加"圖標(biāo)并命名為"add"。這個圖標(biāo)至關(guān)重要，它是實現(xiàn)動態(tài)加附件功能的關(guān)鍵。在"中繼器：pic"的樣式中，我們設(shè)置了布局（每排項目數(shù)：5）。

編輯"中繼器：pic"

在"中繼器：pic"的屬性中，不需要設(shè)置任何內(nèi)容，可以保持為空。在編輯模式下，我們清空原有的默認(rèn)布局內(nèi)容，然后新建一個尺寸為80*80的"圖片"并命名為"attachment"，同時新建一個包含3個小圖標(biāo)的"工具組"并命名為"pTool"。這里只針對"刪除"圖標(biāo)進(jìn)行交互動作，其他僅用于演示效果。

交互動作

接下來，我們將逐段介紹交互動作。

"中繼器：pic"的每項加載時動作

設(shè)置"圖片：attachment"的內(nèi)容為[[]]。

"圖片：attachment"的鼠標(biāo)移動時動作

顯示"組合：pTool"并置于頂層以實現(xiàn)彈出效果。

"圖標(biāo)：del"的鼠標(biāo)單擊時動作

刪除當(dāng)前行。

"中繼器：add_pic"的交互

我們來看一下兩種情況下的判定條件和動作。

Case 1

判定條件："中繼器：pic"的項目數(shù)量是否小于10（可以根據(jù)需求進(jìn)行設(shè)置）。設(shè)置"中繼器：pic"為局部變量LVAR1，然后動作1中，"中繼器：pic"添加一行，列名為[[Item.pic]]。

Case 2

判定條件："中繼器：add_pic"的當(dāng)前頁面等于"中繼器：pic"的總頁面數(shù)。動作是設(shè)置"中繼器：add_pic"的頁面為第一頁。

完成

到這里，我們已經(jīng)成功地實現(xiàn)了動態(tài)加附件的效果。希望本文能對您有所幫助！如果覺得不錯，請投個票并給個贊哦！