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

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

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

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

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

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

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

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

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

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

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

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

8. 再設(shè)置完成以上交互時,我們對【修改按鈕】新增一個動作:標(biāo)記行-當(dāng)前:

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

10. 對已標(biāo)記的列進行添加值,設(shè)置對應(yīng)的局部變量和全局變量:

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

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

13. 最后我們對【確認】按鈕設(shè)置:取消標(biāo)記行:

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

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

本文由@Eason同學(xué) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

    來自浙江 回復(fù)