微信小程式 分頁功能

2021-10-24 11:20:30 字數 1730 閱讀 4022

這個時候就需要分批次請求後台的房型列表

以這個例子為列,先看一下效果,為了方便測試,我是兩條資料為一頁,如果請求的最後一頁沒有了資料,則顯示沒有更多資料

這個效果中,乙個房型就是一條資料,大概思路就是將你每次要請求多少條資料傳到後台介面,後台會返回你請求的這幾條資料,在使用者下拉一次時再去請求一次介面,這個是已經是第二頁了,每請求一次當前頁面+1,存放資料的陣列物件也將每次請求到的資料加起來,用concat( )拼接每一次獲取到的資料,每一次獲取資料的時候去判斷是不是當前的資料長度是不是小於你請求的資料大小,如果小於就說明當前頁是最後一頁,就需要去顯示 「沒有更多資料」 ,並且將記錄當前頁的資料重置為第一頁

backbtncolor

="}"

needback

="}"

backgroundcolor

="}"

titlecolor

="}"

title

="}"

>

comtopbar

>

catchtouchmove

="}"

>

swiperimgbox

="}"

imgheight

="}"

imgwidth

="}"

>

swiperview

>

class

="context"

>

class

="tab_title"

scroll-x

="true"

>

class

="title_box"

>

class

="item }"

wx:for

="}"

wx:key

="key"

bindtap

="switchmenu"

data-index

="}"

>

}view

>

view

>

scroll-view

>

>

date

>

>

bind:status

="gorese"

recoitem

="}"

>

reservationbox

>

view

>

class

="text_center }"

>

沒有更多資料了view

>

view

>

view

>

bind:statushidden

="cancel"

housedetail

="}"

style

="margin-top:

}px"

class

="}"

>

goreservation

>

這個列表由於在首頁還要用到,所以是個公共元件< reservationbox > ,}用於存放這個資料陣列,}控制 「沒有更多資料了」 顯示還是隱

微信小程式分頁

page 生命週期函式 監聽頁面載入 onload function options page 頁碼 max count 資料大小 getdata function page,max count success function res var contentlist res.data.list 後...

微信小程式分頁載入

要實現這樣的功能,一般需要在請求資料時加入當前請求頁數,以及頁的大小 每頁顯示的數量 也有一部分介面是通過請求的開始偏移量和結束偏移量請求資料,例如你一頁顯示10條資料,第一次 第一頁 請求即開始start為0結束end是9,第二頁就是從10到19,以此類推。頁面相關事件處理函式 監聽使用者下拉動作...

微信小程式功能介紹

援引官方對產品的定義 框架為開發者提供了一系列基礎元件,開發者可以通過組合這些基礎元件進行快速開發。基礎元件分為以下八大類 檢視容器 基礎內容 表單操作反饋 導航多 地圖畫布 將本地資源上傳到開發者伺服器 一種在單個tcp連線上進行全雙工通訊的協議,能夠輕鬆構建低延遲的客戶端。從本地相簿選擇或使用相...