阅读(1808)
赞(0)
Angular EasyUI 虚拟滚动条
2020-06-24 14:40:06 更新
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| 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>