Hi,
I'm currently evaluating Wicket (version 1.2.5) for use in our company.
For evaluation I've decided to try
and create a planning application that integrates with our job scheduler
as well. Sofar I like wicket a lot
but it's still hard to get my head around which components to use at
times. The idea is to create main page
like this (I've added an example in html just to make it a bit clearer):
- The page needs to contain a table with a variable amount of columns
(monthly planning so amount of days differ)
- The page has 2 header rows (month numbers and the day of the week)
- The data rows are separated by a category row which spans all columns
- The data rows contain 3 labels and checkboxes for each day of the month
There is no need for paging or sorting. It would be great though to be
able to hide the categories and their data rows so
the user sees only the category that interests him/her.
Does anyone have an idea on which component(s) would be best suited for
this and/or provide some hints where to look?
Thanks in advance,
Okke Tijhuis
Example html code:
<html>
<head>
<title>Planning</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<h1>Planning <span wicket:id="month">januari</span> <span
wicket:id="year">2007</span></h1>
<table>
<tr>
<th colspan="3"></th>
<th align="center"><span>1</span></th>
<th align="center"><span>2</span></th>
<th align="center"><span>3</span></th>
<th align="center"><span>4</span></th>
<th align="center"><span>5</span></th>
<th align="center"><span>6</span></th>
<th align="center"><span>7</span></th>
<th align="center"><span>8</span></th>
<th align="center"><span>9</span></th>
<th align="center"><span>10</span></th>
</tr>
<tr>
<th colspan="3"></th>
<th class ="th-dag" align="center"><span>ma</span></th>
<th class="th-dag" align="center"><span>di</span></th>
<th class="th-dag" align="center"><span>wo</span></th>
<th class="th-dag" align="center"><span>do</span></th>
<th class="th-dag" align="center"><span>vr</span></th>
<th class="th-dag" align="center"><span>za</span></th>
<th class="th-dag" align="center"><span>zo</span></th>
<th class="th-dag" align="center"><span>ma</span></th>
<th class="th-dag" align="center"><span>di</span></th>
<th class="th-dag" align="center"><span>wo</span></th>
</tr>
<tr>
<td colspan="34" class="categorie"><span>Generic</span></td>
</tr>
<tr>
<td><span>IT</span></td>
<td><span>ZF</span></td>
<td><a href="#" >Some job 1</a></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
</tr>
<tr>
<td colspan="34" class="categorie"><span>Some category
1</span></td>
</tr>
<tr>
<td><span>VZ</span></td>
<td><span>ZF</span></td>
<td><a href="#" >Some job 2</a></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
</tr>
<tr>
<td><span>DB</span></td>
<td><span>ZF</span></td>
<td><a href="#" >Some job 3</a></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
<td align="center"><input type="checkbox"
class="checkbox"/></td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
Wicket-user mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/wicket-user
