版本：Axure RP 8.0.0.3303
內容介紹：上一次我們介紹過中繼器數據的刪除，這裡我們介紹中繼器數據的更新，通過文本框編輯後，更新到數據列中，與中繼器數據的刪除有很多相似之處；還有一種方式是每行增加一個按鈕方式，進行行編輯。
一、視頻效果
二、頁面設計：更新
- 在頁面上增加6個文本框並命名，這裡以班級舉列，命名為txt_bj。
文本框添加（圖一）
- 接著我們做中繼器矩形的設置和賦值到頁面文本框操作，對矩形的設置我們上一文介紹過了，這裡是一模一樣的（圖一紅色圈住部分）；賦值部分以txt_bj舉列，增加設置文本，勾選txt_bj，單擊fx設置值來源（圖二藍色圈住部分），定義局部變量txt_bj，值從中繼器中的zjq_bj中獲取（如圖三所示），注：這裡有兩個txt_bj，一個是文本框的名稱為txt_bj，一個是變量名為txt_bj，這裡是把中繼器中的zjq_bj通過變量txt_bj傳遞到文本框txt_bj顯示。
矩形設置（圖二）
- 中繼器的“取消選項組效果”勾去掉。
去除“取消選項組效果”選中狀態（圖四）
- 更新，①進入“鼠標單擊時”，②選擇中繼器交互操作“更新行”，③選擇“中繼器”，④選擇“已標記”，表示我們對已標記的部分做對應列的修改，⑤選擇需要修改的列，⑥對中繼器中列的值來源做設置，單擊fx進入設置，⑦(這裡以sn舉列)設置局部變量u_sn，局部變量值從文本框txt_id取值，循環第⑥⑦步，把列的值來源都設置好。
更新交互
- 增加2個文本框和2個按鈕，我們以修改"班級"和"姓名"舉列，文本框分別命名為edit_bj,edit_xm，2個按鈕分別代表修改和保存。
增加文本框
增加按鈕
- 修改：效果是初始是無法修改的，單擊修改後才可以修改並提供保存操作，所以先把edit_bj & edit_xm & 保存按鈕三個都設置為隱藏（選中控件，右鍵彈出的對話框選擇隱藏即可），再做修改按鈕的“鼠標單擊時”交互，把edit_bj & edit_xm設置為可見提供用戶修改；把“保存”按鈕設置為可見，修改按鈕設置為“隱藏”，以提供用戶修改後可做保存操作；為了用戶修改方便，把中繼器原來的值呈現到文本框edit_bj,edit_xm中，賦值方法參考本文"二、頁面設計：更新 "第2步。
修改按鈕交互
- 保存，效果是把修改後的值更新到中繼器中，操作可參考本文"二、頁面設計：更新"第4步；為了下一次修改，需要把edit_bj,edit_xm,保存按鈕設置為隱藏，把編輯按鈕設置為可見。
做更新賦值交互
- 最後需要把按鈕的大小，位置進行重合覆蓋，這樣操作起來就沒有違和感。
控件整理
四、說明
- 提供的兩種更新方式只是操作上的區別，原理其實都一樣，把中繼器中的值通過變量引入到文本框，文本框修改後，通過變量更新回中繼器中。
- 方式一需要做行“選中”操作，方式二不需要做，因為中繼器中是隻設置一組控件進行復制顯示，所有方式二每行的按鈕對應本身的行數據。
分享到:
閱讀更多 blitheDotChen 的文章
