【Axure 教程】中繼器入門教程-數據增刪

Sam
0 評論 1671 瀏覽 1 收藏 4 分鐘

編輯導讀:當工作中需要進行數據增刪操作時,我們可以如何使用Axure來進行相關操作呢?本篇文章里,作者利用中繼器為我們展示了數據增刪操作,讓我們一起來看一下。

原型展示:https://lyz96n.axshare.com


所需原件:

  1. 中繼器
  2. 文本款
  3. 文本標簽
  4. 下拉列表

本文主要講解中繼器的基本用法,以便大家更容易去理解和學習中繼器的高級用法,入門教程會分為 6 個小節,本節主要講解如何實現列表的數據增刪

一、列表制作

這里我們直接引用課程 【Axure 教程】中繼器入門教程-列表制作 中制作的列表,快速修改表頭和中繼器數據后,得到一個列表,如上圖;

二、表單設置

根據示例,我們需要兩個文本框,分別作為【姓名】和【年齡】的賦值,下拉框作為【性別】的賦值,如上圖所示;

三、創建數據

拖入文本標簽,編輯為【添加】按鈕,創建交互

選擇添加行,并在行數據中設置數據來源;

特別地,如果是下拉框,則需要將局部變量設置為【被選項】,如上圖所示;

四、刪除數據

雙擊中繼器,選中【刪除】文本標簽,設置交互:【單擊時】刪除【當前行】;

五、細節優化

我們希望如果創建數據時,數據為空則不執行添加行的交互,并且標記文本框和下拉列表,如下圖設置;

此外,希望在創建完成數據后,表單數據重置,因此,在添加行后,將文本框置空并將下拉列表重置默認選項,如下圖所示;

 

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

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

給作者打賞,鼓勵TA抓緊創作!
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!