Faire un bête tableau. Si facile ?

Version imprimable

15/10/2008, 10h31
tiboudchou

Faire un bête tableau. Si facile ?

Bonjour à tous,

Alors je lis que Wicket, c'est facile, c'est intuitif.

Je veux afficher un tableau de "contacts" comme ici :
http://www.wicket-library.com/wicket...ter.SimplePage

Bon quand je fais view Source, il y a 3000 fichiers java avec plusieurs classes par fichier. Je me dis "tiens ça a l'air bien compliqué".

N'y a t-il pas une doc toute simple pour faire un tableau de 3 lignes avec nom/prénom/mail avec la classCss qui change pour les lignes paires/impaires ?
Alors j'ai vu des trucs sur le net mais il y a écrit en dessous "je ne suis pas un expert Wicket" et ça sent le bidouillage. Moi j'aimerais la méthode officielle optimisée, etc.

Je continue à fouiller dans le wiki du site officiel en attendant. Je n'ai peut-être pas encore trouvé la bonne rubrique...

Il y a bien "A Simple DataView Example" : http://cwiki.apache.org/WICKET/a-sim...w-example.html
Mais je ne vois pas comment faire pour changer la couleur des lignes paires/impaires

Merci d'avoir lu

Salut,
si, si, c'est super facile :)

Dans ta page Java :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
add(new ListView("list", persons) {
 
	@Override
	protected void populateItem(ListItem item) {
		Person p = (Person) item.getModelObject();
		item.add(new Label("fname", p.getFirstName()));
		item.add(new Label("lname", p.getLastname()));
		if (item.getIndex() % 2 == 0) {
			item.add(new SimpleAttributeModifier("class", "even"));
		} else {
			item.add(new SimpleAttributeModifier("class", "odd"));
		}
	}
});

En supposant disposer d'une liste persons de type List<Person>.

La partie HTML :

Code:

1
2
3
4
5
6
7
8
9
10
<table>
	<tr>
		<td>Prénom</td>
		<td>Nom</td>
	</tr>
	<tr wicket:id="list">
		<td wicket:id="fname">fname</td>
		<td wicket:id="lname">fname</td>
	</tr>
</table>

15/10/2008, 15h03
tiboudchou

Ah ben génial merci :) Ca marche nickel
Faudrait mettre tout ça dans un article/blog/tuto ;)

Où as-tu trouvé comment faire ?

Par exemple, si je veux faire :
1. Un tri quand on clique sur une colonne
2. Un tableau découpé en page de 50 items

Cela se complexifie t-il beaucoup ?

Avancée :

Alors le tableau découpé en page, je sais faire. Il suffit de rajouter un navigateur à la page :
Code:

1 2 3 4 5 PagingNavigator myPagingNavigator = new PagingNavigator("navigator", myDataView); myPagingNavigator.setVisible(myListeUsers.size() > NB_USERS_MAX_PER_PAGES); myPagingNavigator.add(new SimpleAttributeModifier("class", "navigateur")); add(myPagingNavigator);
Par contre, pour le tri automatique sur les colonnes, je me suis inspiré de cela :
http://cwiki.apache.org/WICKET/simpl...e-example.html

Et la du coup, je ne sais plus où mettre les classes sur les lignes paires/impaires et je ne sais pas cacher le navigateur si il y a peu d'éléments :(
Une idée ?

17/10/2008, 12h07
lunatix

me semble que par defaut, les lignes prennent des classes de style even/odd sans que tu n'ai rien a faire.
17/10/2008, 13h58
tiboudchou

Oui j'ai regardé le code html génété et j'ai déclaré les classes css.
Mais il m'en faut davantage :(

Impossible de changer les border ou le padding des cellules :cry:
17/10/2008, 14h14
lunatix

tu veux le faire par cellule en fonction de ce qu'il y a dedans ?ou par colonne ? ou de facon globale ?
20/10/2008, 08h23
tiboudchou
A force de
Code:

1 2 add(new SimpleAttributeModifier("cellspacing", "0"));
J'y suis arrivé lol
20/10/2008, 10h23
djo.mos

Remarque que tu pouvais tout simplement déclarer ça dans le HTML ...
23/10/2008, 09h19
tiboudchou

Et comment puis-je déclarer une class css juste pour le header de la première colonne ? :P
23/10/2008, 10h37
djo.mos

Comme je l'ai dit, dans le HTML : t'es pas obligé de toujours passer par wicket pour ce genre de trucs ... si c'est statique, alors ça va dans le HTML.