1. 程式人生 > >【Axure】--repeater(中繼器)實現行上移下移

【Axure】--repeater(中繼器)實現行上移下移

案例效果:



案例描述:

點選上下移動的按鈕,移動相應題型順序。

元件準備:

上移、下移圖示:


Repeater:


Table做表頭:


題型編號:


操作步驟:

雙擊進入Repeater

另新增兩列(貼上複製),並將上下移動的圖示放入:


整理後效果:

 

為Repeater新增資料:


因為排序過程中編號會相應變化,所以將一列表格擋在題型編號處:


新增事件:


思路:如上移:

·        藉助一個全域性變數tempData來儲存當前選中行的id值

·        更新上一行的id數值,使其加1

·        更新當前行的id數值,使其減1

·        新增排序,重新按照升序排列

新增全域性變數:


1實現下移(下例)

2實現上移同理。




至此完成最終效果。