Angular EasyUI 虚拟滚动条

属性列表

名称	数据类型	作用描述	默认值
lazy	boolean	是否延迟加载数据。	false
rowHeight	number	行高。	30
pageNumber	number	初始化页码。	1
pageSize	number	初始化页面大小。	10
total	number	初始化总记录数。	0
data	array	要加载的数据。	[ ]

事件列表

名称	参数	作用描述
update	items:any[ ]	更新当前页数据时触发。
pageChange	pageNumber:number, pageSize:number	当页面更改时触发。
bodyScroll	left:number, top:number, items:any[ ]	当主体滚动时触发。

注：
- 继承： 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>