MyFaces Tomahawk t:columns tag - basic example needed

[Wally Hartshorn]

I'm so confused! Can someone explain to me how to use the MyFaces Tomahawk <t:columns> tag? The documentation is minimal, to say the least, and I can't seem to find a basic example anywhere. Most of the questions that I've found discussing it are asking about things like sorting and scrolling. All I need to know is how to use the tag at all.

Here's one version of what I've been trying.

Here's the output I wanted:

Sun  Mon  Tue  Wed
10   20   30   40
11   21   31   41
12   22   32   42
13   23   33   43

Here's the output I got:

Sun  Mon  Tue  Wed
10   10   10   10
21   21   21   21
32   32   32   32
43   43   43   43

Part of the JSP file:

<t:dataTable value="#{timecardForm.days}" var="oneDay"
    rowIndexVar="rowIndex">
    <t:columns value="#{timecardForm.columns}" var="oneColumn">
        <f:facet name="header">
            <t:outputText value="#{oneColumn}" />
        </f:facet>
        <t:outputText value="#{oneDay[rowIndex]}" />
    </t:columns>
</t:dataTable>

Part of the Java code:

 
columns = new ArrayList<String>();
columns.add("Sun");
columns.add("Mon");
columns.add("Tue");
columns.add("Wed");
 
// Data for Sunday (in 4 rows)
int[] day1 = new int[4];
day1[0] = 10;
day1[1] = 11;
day1[2] = 12;
day1[3] = 13;
 
// Data for Monday (in 4 rows)
int[] day2 = new int[4];
day2[0] = 20;
day2[1] = 21;
day2[2] = 22;
day2[3] = 23;
 
// Data for Tuesday (in 4 rows)
int[] day3 = new int[4];
day3[0] = 30;
day3[1] = 31;
day3[2] = 32;
day3[3] = 33;
 
// Data for Wednesday (in 4 rows)
int[] day4 = new int[4];
day4[0] = 40;
day4[1] = 41;
day4[2] = 42;
day4[3] = 43;
 
days = new ArrayList<int[]>();
days.add(day1);
days.add(day2);
days.add(day3);
days.add(day4);

Should I be giving <t:dataTable> an array of data grouped as rows (which is what I tried first) or an array of data grouped as columns (which is what I'm trying in the above example)? In other words, should each array inside the ArrayList represent one row or one column?

What should <t:outputText value="#{oneDay[rowIndex]}" /> really be? What I'm trying definitely isn't working! It apparently takes what I've specified and repeats it for each column. If I try to specify multiple <t:outputText> tags (e.g. hard-coding oneDay[0], oneDay[1], oneDay[2], and oneDay[3]), it puts all of the results in a single cell, then repeats that cell. Not what I had in mind at all.

In some of the example snippets that I've seen, I've seen reference to something like <t:outputText value="#{timecardForm.columnValue}">, but I've seen no explanation of where "columnValue is coming from. Presumably there's a call to a "getColumnValue" method, but I'm not sure how that method would know which value is needed next.

I'm obviously wildly missing the mark on this one. Can anyone point me in the right direction?

Thanks in advance!

[Wally Hartshorn]

After posting my earlier message, I decided that perhaps the secret is writing a getColumnValue method.

The JSP code:

<t:dataTable value="#{timecardForm.rows}" var="oneRow">
    <t:columns value="#{timecardForm.columns}" var="oneColumn" >
        <f:facet name="header">
            <t:outputText value="#{oneColumn}" />
        </f:facet>
        <t:outputText value="#{timecardForm.columnValue}" />
    </t:columns>
</t:dataTable>

The code to initialize the sample data:

columns = new ArrayList<String>();
columns.add("Sun");
columns.add("Mon");
columns.add("Tue");
columns.add("Wed");
 
int[] row1 = new int[4];
row1[0] = 10;
row1[1] = 11;
row1[2] = 12;
row1[3] = 13;
 
int[] row2 = new int[4];
row2[0] = 20;
row2[1] = 21;
row2[2] = 22;
row2[3] = 23;
 
int[] row3 = new int[4];
row3[0] = 30;
row3[1] = 31;
row3[2] = 32;
row3[3] = 33;
 
int[] row4 = new int[4];
row4[0] = 40;
row4[1] = 41;
row4[2] = 42;
row4[3] = 43;
 
rows = new ArrayList<int[]>();
rows.add(row1);
rows.add(row2);
rows.add(row3);
rows.add(row4);

The code to return the proper value for this cell:

int rowNum = 0;
 
int colNum = 0;
 
public int getColumnValue() {
    if (colNum >= rows.get(0).length) {
        colNum = 0;
        rowNum++;
        if (rowNum >= rows.size()) {
            rowNum = 0;
        }
    }
    return rows.get(rowNum)[colNum++];
}

That works! Is that really how <t:columns> is supposed to be used? For example, I never use the "oneRow" variable that is created by <t:dataTable value="#{timecardForm.rows}" var="oneRow"> in the JSP. That seems a bit odd. Is that the preferred way of doing it?

Lastly, was there something somewhere that would have EXPLAINED this, saving me a day and a half of confused experimentation?

[abhishekt tiwari]

I need your full java code for this displaying the calendar please

[Leonardo Uribe]

There is an example of t:columns Here If you need a calendar in a table fashion check this example