【Axure 教程】中繼器入門教程-數據增刪
編輯導讀:當工作中需要進行數據增刪操作時,我們可以如何使用Axure來進行相關操作呢?本篇文章里,作者利用中繼器為我們展示了數據增刪操作,讓我們一起來看一下。
原型展示:https://lyz96n.axshare.com
所需原件:
- 中繼器
- 文本款
- 文本標簽
- 下拉列表
本文主要講解中繼器的基本用法,以便大家更容易去理解和學習中繼器的高級用法,入門教程會分為 6 個小節(jié),本節(jié)主要講解如何實現列表的數據增刪
一、列表制作
這里我們直接引用課程 【Axure 教程】中繼器入門教程-列表制作 中制作的列表,快速修改表頭和中繼器數據后,得到一個列表,如上圖;
二、表單設置
根據示例,我們需要兩個文本框,分別作為【姓名】和【年齡】的賦值,下拉框作為【性別】的賦值,如上圖所示;
三、創(chuàng)建數據
拖入文本標簽,編輯為【添加】按鈕,創(chuàng)建交互
選擇添加行,并在行數據中設置數據來源;
特別地,如果是下拉框,則需要將局部變量設置為【被選項】,如上圖所示;
四、刪除數據
雙擊中繼器,選中【刪除】文本標簽,設置交互:【單擊時】刪除【當前行】;
五、細節(jié)優(yōu)化
我們希望如果創(chuàng)建數據時,數據為空則不執(zhí)行添加行的交互,并且標記文本框和下拉列表,如下圖設置;
此外,希望在創(chuàng)建完成數據后,表單數據重置,因此,在添加行后,將文本框置空并將下拉列表重置默認選項,如下圖所示;
本文由@Sam 原創(chuàng)發(fā)布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash, 基于CC0協(xié)議。
評論
感謝分享,請問在中繼器制作的列表已有幾條示例數據的情況下,如何把新增行添加至列表最上方呢?