React EasyUI 虛擬滾動(dòng)條

2020-06-24 12:01 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
lazy boolean 是否延遲加載數(shù)據(jù)。 false
rowHeight number 行高。 32
pageNumber number 初始化頁(yè)碼。 1
pageSize number 初始化頁(yè)面大小。 10
total number 初始化總記錄數(shù)。 0
data array 要加載的數(shù)據(jù)。 [ ]
renderItem item, index 呈現(xiàn)項(xiàng)目的函數(shù)。
renderItems items 呈現(xiàn)項(xiàng)目的函數(shù)。

事件列表

名稱 參數(shù) 作用描述
onUpdate items 更新當(dāng)前頁(yè)數(shù)據(jù)時(shí)觸發(fā)。
onPageChange { pageNumber, pageSize } 當(dāng)頁(yè)面更改時(shí)觸發(fā)。
onBodyScroll { left, top, items } 當(dāng)主體滾動(dòng)時(shí)觸發(fā)。

注：
- 繼承： Localebase 。

使用方法

  1. <Panel>
  2.   <VirtualScroll {...this.state} renderItem={this.renderItem} style={{ height: 250 }}></VirtualScroll>
  3. </Panel>
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)