myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Mike Kienenberger" <mkien...@gmail.com>
Subject Re: render a complex datatable ???
Date Wed, 16 Aug 2006 13:40:30 GMT
Here are a few ways I've handled this situation.   The first two are
probably not applicable.

1) Use a t:popup to show the subitem values for a column.   The
displayed column value is the first subitem in the list.   For a
"name" column, for example, I'd show "Bob [4]" with the "[4]" in a
different color, and when the mouse hovers over the "[4]", It'd show
"Bob<br\>Fred<br\>George<br\>Tom" in the popup.

2) Use an inner dataTable to display the elements.   The column would
contain "<table><tr><td>Bob</td></tr><tr><td>Fred</td></tr><tr><td>George</td></tr><tr><td>Tom</td></tr></table>"
 when displayed.  This can work fairly well when the data spans
multiple columns.

3) Create a ItemHolder class containing a reference to an Item and a
reference to a SubItem.    Build a list of these with Items and
Subitems as appropriate for display, and assign this list to the
dataTable value.    Then in your columns, display something  depending
on whether the item or the subitem value is non-null.

It'll depend on the data how this might look.   If the data is
homogenious, then you can do something like

<outputText value="#{(null == itemHolder.item) ?
itemHolder.subItem.subName : itemHolder.item.name}"

Or you can do something like

<outputText rendered="#{null ne itemHolder.item}"
value="#{itemHolder.item.name}">
<image rendered="#{null ne itemHolder.subItem}"
data="#{itemHolder.subItem.picture.data}">

I think you can even go so far as to make the column itself rendered
or not rendered, thus having the subitem columns and item columns
differ in number, but you'd want to test this.

This might look cleanest as you could list all of the item columns,
then all of the subitem columns on your page.


On 8/16/06, Michael Heinen <mhn@recommind.com> wrote:
> I have a datatable with Items in it.
>
> One column in the datatable contains a link to show SubItems of an Item.
>
> These SubItems have to be displayed also in the datatable below the clicked
> Item in additional rows.
>
> The row (or the columns) of these SubItems have special css classes for
> visualization. The number of columns is the same for Items and SubItems.
>
> Moreover the rows (Items and SubItems) contain checkboxes.
>
>
>
> The datatable is bound to a PagedListDataModel in the BackingBean as
> mentioned in the WIKI.
>
> This dataModel contains a List of Items and I have to display e.g. 20 Items
> on each page, regardless of SubItems.
>
> The class Item contains a method getSubItems().
>
>
>
> What is now the best approach to visualize these SubItems in the datatable?
>
> I think I have just to output additional table rows.
>
>
>
> a) Can I achieve this with a custom TableRenderer?
>
> The HtmlTableRendererBase contains a method afterRow(FacesContext
> facescontext, UIData uidata).
>
> Can I overwrite this method and place my logic there?
>
> uiData.getRowData() returns the last rendered Item.
>
> How can I now render additional rows with columns (and their children) for
> these SubItems?
>
>
>
> b) Or would it be easier to manipulate the dataModel and add the SubItems to
> the DataModel?
>
> I am not sure how to display the right number of Items on a page in this
> case if the DataModel contains both, Items and SubItems?
>
>
>
>
>
> Any help is highly appreciated
>
> Michael

Mime
View raw message