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>