选择器
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>
输入
名称 | 类型 | 描述 | 默认 |
---|---|---|---|
lazy | boolean | 定义是否延迟加载数据。 | false |
rowHeight | number | 行高度 | 30 |
pagenumber | number | 初始化页码。 | 1 |
pageSize | number | 初始化页面大小。 | 10 |
total | number | 初始化总记录数。 | 0 |
data | any[] | 要加载的数据 | [] |
事件
名称 | 参数 | 描述 |
---|---|---|
update | items:any[] | 更新当前页数据时触发。 |
pageChange | pageNumber:number, pageSize:number | 当页面更改时触发。 |
bodyScroll | left:number, top:number, items:any[] | 当主体滚动时触发。 |