【Axure教程】如何使用中繼器進行新增表單數據

0 評論 4694 瀏覽 5 收藏 6 分鐘

如何在中繼器中新增表單數據呢?本文作者進行了詳細的介紹,一起來學習一下吧。

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

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

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

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

3、接著,我們對頁面設置一個【全局變量】,全局變量命名為【dateSum】、默認值為6。

4、在交互中選擇【添加行】,選擇id下方的【Fx】,選擇全局變量dateSum,在dateSum后面+1,設置如下圖:

5、接著,我們對列名【name】設置一個局部變量,選擇【設備名稱】,并插入局部變量,如下圖:

6、下面,我們依次對【type】、【xinghao】、【changshang】等分別設置對應的局部變量并插入,注意:當字段為下拉選項時,中繼器此時插入的局部變量為【被選項】。

7、此時,咱們對應設置完成之后,進行保存。

8、接著咱們對【新增】繼續設置交互【設置變量值】,設置參數如下圖:

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

10、此時,我們已經將彈窗內的所有數據設置了一遍。

11、接下來,咱們再設置遮罩和新增彈窗的狀態,因為當我們點擊【新增】時,遮罩和新增彈窗需要隱藏,所以咱們設置隱藏交互。

12、對中繼器旁的【新增】按鈕設置對應的顯示交互,具體參數可參考下圖。

13、同理,咱們針對【取消】按鈕設置時,中繼器內所有的數據不變,設置隱藏對應的遮罩和彈窗,參數參考如下。

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

本文由@Eason同學 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!