在畫原型圖的時(shí)候，除了添加行、刪除行、更新行，我們還需要對中繼器表格的某一列進(jìn)行排序，包括升序、降序、無排序三種狀態(tài)。接下來，我們學(xué)習(xí)一下如何進(jìn)行中繼器的排序（商品價(jià)格）操作。
1、新建頁面"中繼器排序"：我們把上一篇文章：?Axure RP 9 中繼器原理——更新行?的原型圖全部復(fù)制一下，
一、倒序
1.1 到?阿里巴巴矢量圖標(biāo)庫?復(fù)制“倒序”圖標(biāo)到原型圖中，寬高設(shè)置為：30 X 50，將倒序圖標(biāo)設(shè)置為“轉(zhuǎn)換為動(dòng)態(tài)面板”，中繼器名稱命名為“價(jià)格排序”。
1.2 雙擊該圖標(biāo)，進(jìn)入動(dòng)態(tài)面板狀態(tài)，將該狀態(tài)命名為“倒序”。
1.3 設(shè)置倒序交互，“新建交互”——>目標(biāo)：“（中繼器）”——>列“sale”——>排序類型“Number”——>排序“升序”——>“完成”。
1.4 繼續(xù)“添加動(dòng)作”——>“設(shè)置面板狀態(tài)”——>目標(biāo)“價(jià)格排序”——>STATE“升序”——>“完成”。
二、升序
2.1 在動(dòng)態(tài)面板中，“添加狀態(tài)”，并命名為“升序”。到?阿里巴巴矢量圖標(biāo)庫?復(fù)制“升序”圖標(biāo)到原型圖中，寬高設(shè)置為：30 X 50。
2.2 設(shè)置升序交互，“新建交互”——>“單擊時(shí)”——>“設(shè)置面板狀態(tài)”——>目標(biāo)“價(jià)格排序”——>STATE“無排序”——>“完成”。
2.3 繼續(xù)“添加動(dòng)作”——>“移除排序”——>目標(biāo)“（中繼器）”——>排序“全部”——>“完成”。
三、無排序
3.1?在動(dòng)態(tài)面板中，“添加狀態(tài)”，并命名為“無排序”。將“倒序”、“升序”兩個(gè)圖標(biāo)復(fù)制到原型圖中，并CTRL+G組合，設(shè)置合適的 寬 X 高。
3.2 選中該組合，“新建交互”——>“添加排序”——>目標(biāo)“（中繼器）”——>列“sale”——>排序類型“Number”——>排序“降序”——>“完成”。
3.3 繼續(xù)“添加動(dòng)作”——>“設(shè)置面板狀態(tài)”——>目標(biāo)“價(jià)格排序”——>STATE“倒序”——>“完成”。
最后，我們預(yù)覽一下效果。
剛添加完成的狀態(tài)，目前的順序是：3 、2 、4。
我們點(diǎn)擊一下，出現(xiàn)升序的狀態(tài)：2、3、4。
再點(diǎn)擊一下，處于無排序狀態(tài)，回到初始的排序狀態(tài)：3、2、4。
再點(diǎn)擊一下，到了降序狀態(tài)。
實(shí)驗(yàn)操作成功！完結(jié)，撒花花~
