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

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

部分設(shè)置及布局

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

編輯"中繼器：add_pic"

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

編輯"中繼器：pic"

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

交互動(dòng)作

接下來，我們將逐段介紹交互動(dòng)作。

"中繼器：pic"的每項(xiàng)加載時(shí)動(dòng)作

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

"圖片：attachment"的鼠標(biāo)移動(dòng)時(shí)動(dòng)作

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

"圖標(biāo)：del"的鼠標(biāo)單擊時(shí)動(dòng)作

刪除當(dāng)前行。

"中繼器：add_pic"的交互

我們來看一下兩種情況下的判定條件和動(dòng)作。

Case 1

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

Case 2

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

完成

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