用 Rico LiveGrid 小部件创建数据集导航

核心提示：从开始构建动态 Web 应用程序起，开发人员一直都是使用传统分页技术，用 Rico LiveGrid 小部件创建数据集导航，每当需要显示大量的数据时，都要使用分页技术来每次显示一部分数据，并处理来自服务器的响应，无需直接与 XmlHttpRequest JavaScript 对象打交道，用户使用 Next 或 Prev

从开始构建动态 Web 应用程序起，开发人员一直都是使用传统分页技术。每当需要显示大量的数据时，都要使用分页技术来每次显示一部分数据。用户使用 Next 或 Previous 按钮从一个数据集或页面导航到另一个数据集或页面。

如今，传统分页技术的一些变体也得到应用。有些是向用户显示 First、Previous、Next 和 Last 按钮，有些是使用数字，还有一些则结合使用按钮和数字。分页的概念可以帮助用户和服务器有效地处理大量的数据。

然而，最近 Ajax 的盛行却改变了开发人员设计和构建 Web 应用程序的方式。通过使用 Ajax，可以构建外观和行为更接近于传统桌面应用程序的 Web 应用程序。有些开放源码和商业 JavaScript/Ajax 框架和库提供了直接可用的小部件（widget），使得 Ajax 模型更易于实现。开发人员可以使用这些小部件轻松地为 Web 应用程序添加丰富的特性和功能。

其中一个那样的框架就是 Rico。在本文中，我将简要地介绍这个开放源码的客户端 JavaScript 框架，然后着重描述它的一个小部件，即 LiveGrid。正如本文要演示的那样，可以通过实现 LiveGrid 来替代 Web 应用程序中传统的分页模型。

Rico 库

Rico 库是一个 JavaScript 文件，可以将这个库包括在任何 Web 页面中，以便使用丰富的特性和小部件。这个库处理很多复杂的实现细节，包括跨浏览器的兼容性，使您得以心无旁骛地创建页面功能。

Rico 特性或小部件使用起来很简单：只需编写几行代码将那个特性或小部件集成到一个给定页面上。例如，Rico 为将 Ajax 支持添加到 Web 页面中提供了一个非常简单的接口。只需添加 5 到 6 行 JavaScript 代码，就可以将 Ajax 功能添加到 Web 页面中，然后，就可以向服务器发出 Ajax 请求，并处理来自服务器的响应。无需直接与 XmlHttpRequest JavaScript 对象打交道，这一切都可以实现。