Skip to Content

Live Table component

Version 34.1 by ElenaOanaTabaranu on 2009/09/14
Warning: For security reasons, the document is displayed in restricted mode as it is not the current version. There may be differences and errors due to this.

Live Table component

Warning

This section documents a feature that is only available starting with XWiki Enterprise 1.9M2.

Invalid macro parameters used for the [toc] macro. Cause: [Failed to validate bean: [must be greater than or equal to 1]]. Click on this message for details.

Summary

The "Live Table" component is a dynamic table loading data lazily using ajax requests as the user browse the table, in order to scale easily the display of very large amounts of data. Users can browse the table thanks to a pagination system. Filters on columns are available to search for specific entries. Columns can be made sortable in both direction. The video below demonstrate the main capabilities of the live table component:

<object width="640" height="401"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4474332&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4474332&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="401"></embed></object>

How to use

The Live Table component is made available in several ways to Applications developers and developers of the XWiki platform and products, depending on their specific needs. The simplest, and most of the times preferred, way to embed a Live Table component is to use the livetable velocity macro, available in all pages of your wiki. With only one call to this macro, you will be able to display a live table of the data of your choice! For more specific needs, in the cases you need more control on the table behavior, or to build another component on top of the live table, it is possible to instantiate the live table from JavaScript. In this case, you, as opposed to the velocity macro, you will need to construct the HTML elements the JavaScript component expects yourself, either from JavaScript, either writing the HTML directly in your wiki page

Using the Velocity livetable macro

Please refer Live Table Macro reference.

HTML + JavaScript

This is a dynamic component which must me used carefully because of performance issues. The HTML content of the Live Table is automatically updated using Javascript and JSON code generated with the Live Table Macro. 

Example

The Live Table component could be extended with a special column containing the ratings of some documents from the wiki. The first step would be to generate the JSON code of the column we want to add. In order to achieve this goal we need to modify the result page of the velocity live table macro with our custom page TutorialsCode.LiveTableRatings:

#set($collist = ["doc.name", "_ratings", "doc.date", "doc.author", "_actions"])
#set($colprops = {
                  "doc.name" : { "type" : "text" , "size" : 30, "sortable":true, "filterable":true},
                  "_ratings" : { "sortable":false},
                  "doc.date" : { "type" : "date" },
                  "doc.author" : { "type" : "text", "link" : "author"},
                  "_actions" : { "actions": ["copy","delete","rename","rights"]}
                })
#set($options = { "resultPage":"TutorialsCode.LiveTableRatings",
                 "tagCloud" : true,
                 "translationPrefix" : "xe.index.",
                 "rowCount": 10 })
#set($ok = $xwiki.ssx.use("TutorialsCode.LiveTableRatings"))
#set($ok = $xwiki.jsx.use("WaterWikiCode.LiveTableRatings"))
#livetable("alldocs" $collist $colprops $options)

If we want to display the rated documents from a certain space, e.g. Tutorials, the last parameter of the #gridresultwithfilter must 

#includeMacros("TutorialsCode.LiveTableResultsMacros")
{pre}
#gridresultwithfilter("" $request.collist.split(",") "" "doc.space='Tutorials' and doc.name<>'WebHome' and doc.name<>'WebPreferences'")
{/pre}

About

About

Support

Platform

User Guide

Admin Guide

Developer Guide

Projects

XWiki

Extensions

Other

Contribute

Status

Practices

Under the Hood

Get Involved

Get Connected