Rico LiveGrid Tutorial

Short Description
Rico LiveGrid Tutorial. 1. The Rico JavaScript library provides a behavior for connecting an HTML table to a. live data source via Ajax. …

Website: openrico.org | Filesize: 175kb

Content
Rico LiveGrid Tutorial
1
The Rico JavaScript library provides a behavior for connecting an HTML table to a
live data source via Ajax.
For a discussion on Ajax, see the Appendix A, What is Ajax?
Rico LiveGrid
The LiveGrid behavior takes an ordinary HTML table and
?Creates a scrollbar that becomes the live navigator for making Ajax data
requests
?Connects it live to Ajax data responses
?Automatically populates the response data into the table cells
?Updates contents of the cells only to improve performance
?Employs data buffering and event compression strategies to improve
performance
Overview of LiveGrid
Using the LiveGrid to make an HTML table become live with data is very
straightforward. There are two basic steps.
1. Create your HTML table and give the table element a unique id.
2. Create a new Rico.LiveGrid object in the body’s onload, passing the
a. HTML table’s id
b. The data request handler URL
c. Additional options to customize its behavior
Before starting, make sure that you have included both prototype.js and rico.js in
your HTML page. You should include these two library files in your
section like this:
Next, make…