Discussion :

[tiboudchou]

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

[djo.mos]

Salut,
si, si, c'est super facile

Dans ta page Java :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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 ?

[tiboudchou]

Avancée :

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[lunatix]

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

[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