如何在中繼器中新增表單數(shù)據(jù)呢？本文作者進行了詳細的介紹，一起來學(xué)習(xí)一下吧。

上一期，我為各位小伙伴們講解了如何刪除中繼器表單數(shù)據(jù)，接著，本期會為大家詳細介紹下如何在中繼器中新增表單數(shù)據(jù)。

參考原型地址：https://utdhof.axshare.com

1、在上期制作完成的【中繼器】原型中，我們拖入一個【按鈕】，并設(shè)置為“新增”。

2、有“新增”時，我們做一個【彈窗】，可以在彈窗中進行編輯，彈窗信息如下圖（樣式、數(shù)據(jù)僅供參考）。

3、接著，我們對頁面設(shè)置一個【全局變量】，全局變量命名為【dateSum】、默認(rèn)值為6。

4、在交互中選擇【添加行】，選擇id下方的【Fx】，選擇全局變量dateSum，在dateSum后面+1，設(shè)置如下圖：

5、接著，我們對列名【name】設(shè)置一個局部變量，選擇【設(shè)備名稱】，并插入局部變量，如下圖：

6、下面，我們依次對【type】、【xinghao】、【changshang】等分別設(shè)置對應(yīng)的局部變量并插入，注意：當(dāng)字段為下拉選項時，中繼器此時插入的局部變量為【被選項】。

7、此時，咱們對應(yīng)設(shè)置完成之后，進行保存。

8、接著咱們對【新增】繼續(xù)設(shè)置交互【設(shè)置變量值】，設(shè)置參數(shù)如下圖：

9、下一步，咱們接著對【新增】設(shè)置交互—-【設(shè)置文本】—【值】為空白，并將其他的文本框和下拉框設(shè)置對應(yīng)的值。

10、此時，我們已經(jīng)將彈窗內(nèi)的所有數(shù)據(jù)設(shè)置了一遍。

11、接下來，咱們再設(shè)置遮罩和新增彈窗的狀態(tài)，因為當(dāng)我們點擊【新增】時，遮罩和新增彈窗需要隱藏，所以咱們設(shè)置隱藏交互。

12、對中繼器旁的【新增】按鈕設(shè)置對應(yīng)的顯示交互，具體參數(shù)可參考下圖。

13、同理，咱們針對【取消】按鈕設(shè)置時，中繼器內(nèi)所有的數(shù)據(jù)不變，設(shè)置隱藏對應(yīng)的遮罩和彈窗，參數(shù)參考如下。

14、希望以上的【中繼器】的【新增】操作可以幫助到大家，如有疑問，可以在下方留言喲，我會第一時間為大家解答，下一期，我將帶大家學(xué)習(xí)如何在【中繼器】中【新增】、【刪除】時，根據(jù)中繼器的行數(shù)進行統(tǒng)計。