中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：日常工作中，我們常會遇到往列表里添加數(shù)據(jù)的情況，具體是怎么實現(xiàn)的呢？本文作者通過實際的操作經(jīng)驗，總結(jié)分享了用Axure中繼器添加數(shù)據(jù)的方法，供大家參考。

在很多b端產(chǎn)品中，經(jīng)常會有添加數(shù)據(jù)的交互，這里呢，就是一個利用動態(tài)面板、中繼器實現(xiàn)新增數(shù)據(jù)的小案例，案例原型可免費下載

預覽交互如下：https://jipr1h.axshare.com

第一步 準備元件

【添加按鈕】、【中繼器】、【動態(tài)面板】、【動態(tài)面板中的元件】

如下圖（這里采用的表格元件是上一篇文章《中繼器實現(xiàn)篩選列表》中的）

將動態(tài)面板中的文本框分別命名，注意要命名為字母或數(shù)字，不可為中文，大家可隨意命名，這邊不做限制。

第二步 為中繼器添加模板

1、雙擊中繼器，進入操作頁面

2、操作頁面中已有一個矩形框，這里我們可將它刪掉，拖入一個矩形框（代表一行表格），拖入幾個文本框，分別命名為xingming、xingbie、bianhao、shijian、leixing（注意：這里命名的文字一定要是數(shù)字或字母，不可為中文，我這里是拼音；且拖入后，文本框中的文字要刪掉）；

3、拖入元件后，進行邊框、顏色的設(shè)置（這里為了美觀）

第三步 為中繼器添加數(shù)據(jù)

如上圖所示，在檢視-屬性頁面，為數(shù)據(jù)集的表格添加數(shù)據(jù)，并進行命名

第四步 綁定

選中中繼器，在檢視-屬性頁面，雙擊【每項加載時】，添加【設(shè)置文本】的用例，將第二步中添加的文本框與第三步添加的數(shù)據(jù)列依次進行綁定，例如：將文本框“xingming”與數(shù)據(jù)列中的‘xingming’進行綁定，如下圖：

綁定后點擊確定即可。

綁定后預覽圖如下：可以看到，顯示的數(shù)據(jù)就是我們在中繼器中添加的。

第五步 添加交互

1、選中【確定按鈕】，為它添加【鼠標單擊時】的交互用例，添加動作【中繼器——添加行】，進行設(shè)置，使動態(tài)面板中輸入的文本添加到中繼器中；如下圖

點擊底部【添加行】的按鈕，在彈框中進行綁定，

點擊中繼器下每一列下邊的fx，自定義局部變量，變量名稱可隨意設(shè)置為字母或數(shù)字，然后插入變量，輸入函數(shù)公式[[xingming.text]]，點擊確定；如下圖。

2、將動態(tài)面板隱藏，并移動到合適的位置，選中【添加按鈕】，為其添加【鼠標單擊時】的交互用例，設(shè)置【顯示】動態(tài)面板，動畫選為“flip up”，其他效果為燈箱效果，顏色可自行設(shè)置呦。

3、選中【確定按鈕】，添加【鼠標單擊時】的用例，設(shè)置【隱藏】動態(tài)面板，動畫為無。

第六步 預覽

設(shè)置完成后，保存，進行預覽，輸入數(shù)據(jù)后，點擊確定，可以看到列表中新增了一行數(shù)據(jù)。這樣就完成了呦！

以下為案例原型免費下載鏈接：

• 鏈接：https://pan.baidu.com/s/1wsI5DfMdBI5WY-uiibceRg
• 提取碼：60w7

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

題圖來自 Pexels，基于 CC0 協(xié)議