Axure RP(4)中繼器,數據刪除

版本:Axure RP 8.0.0.3303

內容介紹:對中繼器中選中的行數據進行刪除操作;



一、視頻效果



二、頁面設計

  1. 組合框設置,把中繼器中6個矩形框進行組合,組合框名稱為“grp_txt_zjq”。
Axure RP(4)中繼器,數據刪除

組合框

  1. 選項組名稱設置為“sel_grp”,選中背景設置“#00FF00”。
Axure RP(4)中繼器,數據刪除

選項組名稱和行數據背景

  1. 為組合框“grp_txt_zjq”添加“鼠標單擊時”交互;交互有三項,順序不能反,不然起不到效果,這裡的目的有二個,一是刪除時,不會刪除點擊過的行,只會刪除當前選中行,二是選中當前行,選中行即有背景顯示(利用起第2步設置)。
Axure RP(4)中繼器,數據刪除

取消標記

Axure RP(4)中繼器,數據刪除

標記

Axure RP(4)中繼器,數據刪除

選中設置

  1. 中繼器的“取消選項組效果”勾去掉,這裡跟第2步的選項組名稱“sel_grp”對應,即把選項組的效果用起來。
Axure RP(4)中繼器,數據刪除

去除“取消選項組效果”選中狀態

  1. 添加“刪除”按鈕,並且做“鼠標單擊時”交互。
Axure RP(4)中繼器,數據刪除

刪除行標記

三、說明

  1. 組合框“grp_txt_zjq”的“鼠標單擊時”的3項交互不能反。
  2. 一定要給組合框“grp_txt_zjq”做選項組命名“sel_grp”(可自定義)。
  3. 中繼器的“取消選項組效果”要去掉勾選。


分享到:


相關文章: