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

2020-06-24 17:29 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
lazy boolean 是否延遲加載數(shù)據(jù)。 false
rowHeight number 行高。 30
pageNumber number 初始化頁(yè)碼。 1
pageSize number 初始化頁(yè)面大小。 10
total number 初始化總記錄數(shù)。 0
data array 要加載的數(shù)據(jù)。 [ ]

事件列表

名稱 參數(shù) 作用描述
update items:any[ ] 更新當(dāng)前頁(yè)數(shù)據(jù)時(shí)觸發(fā)。
pageChange pageNumber:number, pageSize:number 當(dāng)頁(yè)面更改時(shí)觸發(fā)。
bodyScroll left:number, top:number, items:any[ ] 當(dāng)主體滾動(dòng)時(shí)觸發(fā)。

注:
- 繼承: None 。
- 選擇器: eui-virtual-scroll 。

使用方法

<eui-virtual-scroll [style.height.px]="height"
        [data]="data" 
        [total]="total" 
        [pageNumber]="pageNumber"
        [pageSize]="pageSize" 
        [rowHeight]="rowHeight" 
        (update)="items=$event">
    <div *ngFor="let item of items" class="item f-row">
        <div class="num">{{item.id}}</div>
        <div>
            <div class="name">{{item.name}}</div>
            <div class="desp">{{item.desp}}</div>
        </div>
    </div>
</eui-virtual-scroll>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)