Membres » NazzTazz » Blog » Tutoriel: créer un widget simple

Tutoriel: créer un widget simple

Le 05/08/08 à 11:21 par NazzTazz

Remarque importante:

Ce tutoriel est obsolète. Un tutoriel à jour est en cours de rédaction


Créer un widget se résume a 3 fichiers:

1 - La classe du widget
2 - Le template du widget
3 - Le template de l'installateur



L'installateur sert uniquement a ce que l'utilisateur renseigne les données dont a besoin le widget.
Dans le cas de la plante verte, on va lui donner un nom.

Template de l'installateur

<label for="plant_name">Nom de votre plante verte</label>
<input type="text" id='plant_name' class="required" name="plant_name" value="" />
<input type="hidden" name="fields" value="plant_name" />


Il faut noter que le champ "fields" est indispensable. Il contient la liste des champs utilisés par le widget, séparés par des virgules.

L'ensemble de ces champs sera transmis au widget a chaque affichage.

Classe du widget

<?php

class PlanteVerte_Widget extends Widget
{

    public function execute($data)
    {
        // $data est un tableau associatif tel que défini a l'installation

        $this->plant_name = $data['plant_name'];

        return ngView::RENDER; // Pour afficher le widget
    }
}
 


C'est plutot simple quand meme :o

Template du widget

<h3><strong> :: </strong>  Ma plante verte</h3>
<div class="blockcontents" id="planteverte">
Ma plante verte, <?= $this->plant_name ?>, se porte bien.
</div>


Et c'est fini. Ca suffit pour faire un widget simple. D'autres docs viendront mais la j'ai la flemme :P

Commentaires

Aucun commentaire pour cet article. Soyez le premier à le commenter !

BBcodeCommenter cet article

Membres » NazzTazz » Blog » Tutoriel: créer un widget simple