jQuery EasyUI使用教程之使用虚拟滚动视图显示海量数据

数据网格的虚拟滚动功能可以用来显示大量的数据记录而无需分页。当滚动条垂直滚动时，数据网格执行Ajax请求来加载和刷新现有的记录。整个刷新的操作过程是平稳无闪烁的。在本教程中，我们将创建一个数据网格，并运用虚拟滚动功能从服务器中加载数据。

jQuery EasyUI最新试用版下载请猛戳>>



查看jQuery EasyUI演示

创建数据网格

想要应用数据网格的虚拟滚动功能，将'view' 属性设置为'scrollview'。用户从数据网格的扩展中下载scrollview，同时在页面头部引用scrollview文件。

请注意在这里我们不需要使用pagination属性，但pageSize属性是必需的，这样执行ajax请求时数据网格将从服务器获取指定数量的记录。

服务器端代码

datagrid27_getdata.php

下载EasyUI示例：easyui-datagrid-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery
EasyUI的教程>>