Ajax

Just took a look at the improved rico grid (the one I used as a base for the livegrid).
It indeed looks better if you show empty rows while the grid is loading… I will be adding this to the livegrid somewhere in the near future….

I made a little update to the livegrid.js wich should visually improve the scrolling (a lot!)

Also, here’s the source for the dummy output file getrows.php wich is used at the demo

So, what does the grid expect as input….
The output should always be wrapped by <ajax-response></ajax-response>

de <ajax-response> tag CAN contain the rowcount attribute wich should indicate the number of rows in this request. If it’s not specified the grid tries to figure it out itself. It CAN also contain the totalrows attribute. If that attribute is filled (with the total dataset rowcount), it overrules the initial value set by javascript. Each row within the resultset should contain a rownum=”i” where i starts at 0 (zero) for every request….

So when I first saw Rico LiveGrid I fell in love with it!

Though, trying to implement it on my site, immediately some things started irritating me:

• No support for the mousewheel
• Your html-output needs to be serialized (ie. use <a> for <a>)
• I don’t want the page itself to define the item height by using empty rows, I want it to calculate the height as soon as the first items load
• Very strict html required (it must be a table with tr’s)
• The use of Rico.AjaxEngine: ok, so it’s a cool script and everything. But imho it’s kind of outdated and bloated (all respects though!). Prototype is being build further, the effects part of prototype has already been seperated from the core and is now maintained at script.aculo.us
  Prototype’s Ajax.updater does just as good a job as the Rico.AjaxEngine, etc.

So I forked the Rico.LiveGrid and created a version that works directly with prototype, has mousewheel support, and supports any kind of html (in theory ). I don’t have any time to setup a demo right now, but will do so soon.

Download here
Due to popular demand :
Demo here