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

1 評論 9093 瀏覽 14 收藏 5 分鐘

本篇文章將教你如何在Axure中使用中繼器進行修改表單數據,作者對此進行詳細教學,有需要的伙伴可以參考,希望能對你有幫助~

上一期,我為各位小伙伴們講解了如何統計中繼器的表單數據,接著,本期會為大家詳細介紹下如何在中繼器中修改現有的表單數據。

原型地址:https://q4cfag.axshare.com

1. 我們在上期制作原型圖的中繼器列表中,操作欄下方增加文本信息“修改”,如下圖:

2. 我們在之前的文章中制作的【新增彈窗】給復制一份,并命名為【修改彈窗】:

3. 對【修改彈窗】的“確認”按鈕文字修改一下,接著對復制過來彈窗中的“確認”的交互動作全部刪除:

4. 復制【新增按鈕】的交互狀態,粘貼在【修改按鈕】上,然后修改“顯示隱藏”和移動的動作:

5. 對【修改按鈕】進行添加動作:設置文本-目標(為當前輸入框)- 設置為文本 – 設置f(x)函數:

6. 如修改的目標為下拉選擇項時,設置的動作為:設置列表選中項-目標(為當前下拉框)-設置值-設置f(x)函數:

7. 接著我們依次對彈窗中的輸入框/下拉框進行設置。

8. 再設置完成以上交互時,我們對【修改按鈕】新增一個動作:標記行-當前:

9. 對【編輯彈窗】的【確認按鈕】設置交互:單擊時-更新行-已標記:

10. 對已標記的列進行添加值,設置對應的局部變量和全局變量:

11. 對以上設置完的交互進行保存:

12. 接著對【確認】按鈕進行設置觸發事件的交互:觸發事件-取消按鈕-單擊時:

13. 最后我們對【確認】按鈕設置:取消標記行:

對以上的交互保存之后,我們可以看下,這樣中繼器的修改表單內容就已經完成啦~

希望以上的【中繼器】的【修改】操作可以幫助到大家,如有疑問,可以在下方留言,我會第一時間為大家解答的~~~

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

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

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 為什么,我做完點擊編輯,下拉框帶不出來數據呢,只是第一次點擊的時候沒有數據。

    來自浙江 回復