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

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

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

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

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

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

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

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

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

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

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

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

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

11、接下來(lái)，咱們?cè)僭O(shè)置遮罩和新增彈窗的狀態(tài)，因?yàn)楫?dāng)我們點(diǎn)擊【新增】時(shí)，遮罩和新增彈窗需要隱藏，所以咱們?cè)O(shè)置隱藏交互。

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

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

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