Amusons nous avec Wicket & Ajax : Onglets dynamiques 3/5

 Tutorial, Wicket  No Responses »
Jul 182009
 

Pour ce 3ème article nous allons gérer le clic sur les onglets ainsi que le rafraichissement du panel de contenu.

Avant tout, on change un peu le code en ajoutant un WebMarkupContainer qui contiendra notre panel correspondant à l’onglet cliqué :

public class PageEtape3 extends TemplatePage {
  private WebMarkupContainer contentContainer;
 
  public PageEtape3() {
    super();
    ...
 
    // Panel du contenu
    contentContainer = new WebMarkupContainer("contentContainer");
    contentContainer.setOutputMarkupId(true);
    contentContainer.add(new PanelGenerique("content", "panel 3 Salarié"));
    add(contentContainer);
  }
}

avec le code html correspondant :

<div id="content" wicket:id="contentContainer">
  <div wicket:id="content"></div>
</div>

Continue reading »

 Posted by nicogiard at 17:43  Tagged with: ,

Amusons nous avec Wicket & Ajax : Onglets dynamiques 2/5

 Tutorial, Wicket  No Responses »
Jul 182009
 

Dans ce 2ème article, on va commencer à rendre dynamique (un peu) les choses.

Nous allons utiliser un Repeater pour afficher la liste des onglets.

Dans un premier temps nous allons considérer que la liste des onglets est une liste de String :

List<string> listTitresOnglets = Arrays.asList(new String[] { "Salarié", "Contrat", "Planning" });
</string>

Le Repeater que nous avons choisi est un ListView :
Continue reading »

 Posted by nicogiard at 00:30  Tagged with: ,

Amusons nous avec Wicket & Ajax : Onglets dynamiques 1/5

 Tutorial, Wicket  2 Responses »
Jul 172009
 

Je commence là une série de 5 articles, pour décomposer clairement le cheminement que j’ai suivi pour réaliser de la fonctionnalité souhaitée : un système d’onglets avec chargement dynamique du contenu.

Voilà une capture du système souhaité :
ce que l'on veut
Et voilà un extrait du code source associé :

<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd" >
<head>
  <title>Onglets</title>
  <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
  <div id="menu">
    <ul class="onglets">
      <li class="onglet actif"><a href="#">Salarié</a></li>
      <li class="onglet preNonActif"><a href="#">Contrat</a></li>
      <li class="onglet lastNonActif"><a href="#">Planning</a></li>
    </ul>
    <div class="clear"></div>
  </div>
  <div id="content">
    <div>
      <p>
        <span>Panel n°1 (non dynamique)</span>
      </p>
    </div>
  </div>
</body>
</html>

Ce premier article de la série permet de poser les bases du système. Il n’y a donc rien de très compliqué dans ce qui suis.
Continue reading »

 Posted by nicogiard at 14:25  Tagged with: ,

Découverte de Greasemonkey & premier script : NooPicasaWeb

 Tutorial  4 Responses »
Jun 202009
 

Il y a quelque temps déjà, on m’avait parlé de Greasemonkey, un plugin de Firefox qui permet de manipuler les pages web que l’on affiche, moyennant un peu de code javascript.

Et il s’avère que je trouve dommage que, dans l’affichage par défaut de PicasaWeb, la couleur “blanche” du fond de la page n’aide pas à mettre en valeur les photos affichées.
Petit regret aussi, le panneau à droite qui affiche les “informations” de la photo soit par défaut minimisé.

Pour illustrer ces critiques, voilà un screenshot de l’interface de picasaweb :

picasaweb-original

Continue reading »

 Posted by nicogiard at 11:14  Tagged with: , ,

Commencer avec Wicket – Quickstart (3/3)

 Eclipse, Java, Maven, Tutorial, Wicket  15 Responses »
Feb 262009
 

Troisième et dernier post de la série.
Vous allez mettre en œuvre votre première application Wicket grâce à Eclipse / Maven / Tomcat.
Continue reading »

 Posted by nicogiard at 09:45  Tagged with: , , , ,
Page 2 of 512345
© 2011 NooCodeCommit Suffusion theme by Sayontan Sinha