使用虚拟滚动视图显示更多行

使用教程 » 使用虚拟滚动视图显示更多行

datagrid的虚拟滚动特性可以用于显示大量记录,而无需分页。 当使用垂直滚动条滚动时,datagrid执行ajax请求来加载和刷新现有记录。 整个行为是平滑的,没有闪烁。 在本教程中,我们将创建一个datagrid,并应用虚拟滚动特性从服务器加载数据。

创建数据表格

要为datagrid应用虚拟滚动特性,“视图”属性应该设置为“scrollview”。 用户应该从datagrid扩展名下载scrollview,并将scrollview文件包含在页眉中。

注意,我们不需要使用分页属性,但是需要pageSize属性, 在执行ajax请求时,datagrid将从服务器获取指定的金额记录。

服务器代码

datagrid27_getdata.php

下载 EasyUI 实例:

easyui-datagrid-demo.zip