tft每日頭條

 > 圖文

 > axure rp的4種交互樣式含義

axure rp的4種交互樣式含義

圖文 更新时间:2025-01-24 08:50:39

【知識點34】中繼器 repeater 屬性

01 中繼器repeater屬性

(1)repeater:中繼器的對象。Item.repeater即為Item所在的中繼器對象。

(2)visibleItemCount:中繼器項目列表中可見項的數量。比如:項目列表共有15項,分頁顯示為每頁6項。當項目列表在第1、2頁時,可見項數量為6;當項目列表在第3頁時,可見項數量為3。

(3)itemCount:獲取中繼器項目列表的總數量,或者叫加載項數量。默認情況下項目列表的總數量會與中繼器數據集中的數據行數量一緻。但是,如果進行了篩選,項目列表的總數量則是篩選後的數量,這個數量不受分頁影響。

(4)dataCount:獲取中繼器數據集中數據行的總數量。

(5)pageCount:獲取中繼器分頁的總數量,即能夠獲取分頁後共有多少頁。

(6)pageIndex:獲取中繼器項目列表當前顯示内容的頁碼。

02 應用示例

中繼器樣例:

axure rp的4種交互樣式含義(AxureRP9)1

(1)點擊“上一頁”按鈕,在“交互”功能面闆中,打開“交互編輯器”。添加“單擊時”事件。點擊“設置當前顯示頁面”,選擇中繼器,在“頁面”中選擇“上一頁”。

點擊“設置文本”,選擇shuju文本标簽,在“值”中點擊“fx”,插入dataCount和visibleItemCount函數。另,選擇page文本标簽,在“值”中點擊“fx”,插入pageIndex和pageCount函數。

axure rp的4種交互樣式含義(AxureRP9)2

axure rp的4種交互樣式含義(AxureRP9)3

axure rp的4種交互樣式含義(AxureRP9)4

同樣方法設置“下一頁”按鈕。

(2)解決頁面載入時不顯示數據問題

點擊rpt中繼器,在“交互”功能面闆中,打開“交互編輯器”。在“每項加載”事件中,點擊“設置文本”,按上述方法添加shuju和page文本标簽設置。

axure rp的4種交互樣式含義(AxureRP9)5

(3)中繼器搜索itemCount

axure rp的4種交互樣式含義(AxureRP9)6

點擊“搜索”按鈕,在“交互”功能面闆中,打開“交互編輯器”。添加“單擊時”事件。點擊“添加篩選”,選擇中繼器,“名稱”設置為“search”,在“規則”處點擊“fx”,局部變量獲取input文本框輸入值,查詢範圍選擇“生産廠家[[Item.factory.indexOf(input)>-1]]”。

點擊“設置文本”,選擇shuju文本标簽,在“值”中點擊“fx”,插入itemCount函數。單擊确定完成。

axure rp的4種交互樣式含義(AxureRP9)7

axure rp的4種交互樣式含義(AxureRP9)8

同理,設置中繼器頁面載入時數據及文本展示;設置上一頁、下一頁翻頁數據及文本展示。

03 其他屬性

(1)Item:獲取數據集一行數據的集合,即數據行的對象。

(2)Item.列名:獲取數據行中指定列的值。

(3)TargetItem:目标數據行的對象。

待續~

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved