Angular EasyUI 虚拟滚动条

2020-06-24 17:29 更新

属性列表

名称 数据类型 作用描述 默认值
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>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号