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

編輯導(dǎo)讀：本文是關(guān)于Axure中繼器的運(yùn)用操作，作者詳細(xì)講解了利用Axure中繼器實(shí)現(xiàn)刪除、編輯數(shù)據(jù)及排序、分頁(yè)的操作流程，比較基礎(chǔ)，供初學(xué)者參考學(xué)習(xí)。

在上文《中繼器實(shí)現(xiàn)列表添加數(shù)據(jù)案例》中，我們利用中繼器實(shí)現(xiàn)了列表數(shù)據(jù)的新增，這一篇，我們會(huì)在上篇的基礎(chǔ)上講解刪除列表一行數(shù)據(jù)、編輯數(shù)據(jù)、排序、分頁(yè)的應(yīng)用。

預(yù)覽：https://jipr1h.axshare.com

一、刪除

1. 準(zhǔn)備元件

動(dòng)態(tài)面板（這個(gè)在添加的基礎(chǔ)上進(jìn)行復(fù)制修改）、刪除的按鈕、其余元件大家參考上篇，這邊不作多余贅述；

在【添加的動(dòng)態(tài)面板】上進(jìn)行復(fù)制為state2，然后修改為【刪除的動(dòng)態(tài)面板】；如下

將添加的文本框分別命名（方便后文與中繼器綁定）

2. 為【刪除】按鈕添加交互

（1）選中表格中的【刪除】，添加【鼠標(biāo)單擊時(shí)】的交互用例，添加動(dòng)作【顯示】動(dòng)態(tài)面板，選擇【燈箱效果】；

（2）接下來(lái)添加動(dòng)作【設(shè)置面板狀態(tài)】，選中動(dòng)態(tài)面板，設(shè)置面板狀態(tài)為state2（即刪除的面板）

（3）接下來(lái)添加動(dòng)作【取消標(biāo)記】，選中中繼器，選擇全部

（4）添加動(dòng)作【標(biāo)記行】，設(shè)置標(biāo)記當(dāng)前選中的行，

（5）設(shè)置動(dòng)態(tài)面板中的文本框的文本，分別與中繼器列對(duì)應(yīng)，如設(shè)置【值】為[[Item.xingming]]如下圖

二、排序

1. 準(zhǔn)備元件

排序的下拉列表（輸入按時(shí)間排序和按姓名排序）、表格（沿用上文的元件）

2. 添加交互

（1）選中下拉列表，添加【選項(xiàng)改變時(shí)】的交互用例，找到中繼器選擇【添加排序】，設(shè)置為按照【姓名】排序，如下圖：

（2）選中下拉列表，設(shè)置【載入時(shí)】的交互用例，添加動(dòng)作【設(shè)置列表選中項(xiàng)】為“按時(shí)間排序”

然后為這一動(dòng)作添加條件，即被選項(xiàng)是按姓名排序

然后添加【選項(xiàng)改變時(shí)】的用例2，添加動(dòng)作【添加排序】，設(shè)置為按照時(shí)間排序，排序方式是日期，條件不用編輯，如下圖

（3）設(shè)置完點(diǎn)擊確定，進(jìn)行預(yù)覽，如下圖

三、分頁(yè)

1. 準(zhǔn)備元件

分頁(yè)元件，表格，如下圖

2. 設(shè)置交互

選中分頁(yè)向左按鈕（或添加熱區(qū)覆蓋在上面），添加【鼠標(biāo)單擊時(shí)】的交互用例，為中繼器添加動(dòng)作【設(shè)置當(dāng)前顯示頁(yè)面】，選擇前一頁(yè)，如下圖

按照同樣的方法，為向右按鈕添加交互；

選中頁(yè)碼1，添加【鼠標(biāo)單擊時(shí)】的交互用例，設(shè)置當(dāng)前顯示頁(yè)面為2；

我們可以在樣式中設(shè)置中繼器每頁(yè)顯示的項(xiàng)目數(shù)

按照同樣的方法，為其他頁(yè)碼添加交互；完成后預(yù)覽；

整體預(yù)覽地址如下：https://jipr1h.axshare.com

四、編輯修改數(shù)據(jù)

交互：點(diǎn)擊編輯按鈕，顯示編輯彈框，為燈箱效果，彈框中顯示已選中的數(shù)據(jù)，且可在文本框中編輯文字，編輯完后點(diǎn)擊確定，隱藏編輯彈框，并且列表中數(shù)據(jù)進(jìn)行更新。

預(yù)覽：https://jipr1h.axshare.com

1. 準(zhǔn)備元件

編輯彈框（可復(fù)制添加彈框）、編輯按鈕、表格

2. 設(shè)置交互

（1）選中編輯按鈕，添加【鼠標(biāo)單擊時(shí)】的交互案例，設(shè)置顯示動(dòng)態(tài)面板，燈箱效果，同時(shí)設(shè)置面板狀態(tài)為編輯彈框。

（2）設(shè)置【取消標(biāo)記】中繼器的全部，同時(shí)【標(biāo)記行】選中中繼器的This，

（3）設(shè)置文本，分別將動(dòng)態(tài)面板中編輯彈框的文本框與中繼器的列進(jìn)行綁定；

（4）選中編輯彈框中的【確定】按鈕，設(shè)置【鼠標(biāo)單擊時(shí)】的用例，設(shè)置隱藏動(dòng)態(tài)面板，同時(shí)設(shè)置中繼器【更新行】，選中【已標(biāo)記】的行，并設(shè)置中繼器的列。

（5）點(diǎn)擊確定，進(jìn)行預(yù)覽：https://jipr1h.axshare.com

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

題圖來(lái)自Unsplash，基于CC0協(xié)議。