Creer des composants graphiques réutilisables

Version imprimable

11/01/2011, 13h43
ourseblanche

Creer des composants graphiques réutilisables

Bonjour,
Je cherche à créer des composants graphiques réutilisables avec Grails.
Quelles sont toutes les solutions pour cela ?

Un de mes besoins en la matière corresponderait à un tag qui formate (de manière complexe) une valeur passée en paramètre.
Ex :

Code:

<g:monTagFormatNumbre>${leNombreAFormater}</g:monTagFormatNumbre>

D'avance merci à tou(te)s pour vos réponses. :)
11/01/2011, 16h46
ourseblanche

Des templates ou des tags d'après mes recherches mais je ne maîtrise pas tout pour le paramétrage de ces derniers. :?

Il suffit de créer un TagLib :

Pour cela il te suffit d'appeler le script grails :

Code:

create-taglib MesTags

Ca te crée une classe MesTagsTagLib dans l'arborescence Taglib.

- puis tu crées tous tes tags
Code:

1 2 3 4 5 6 7 8 9 10 class MesTagsTagLib { def monTagFormatNumbre= { attrs, body -> out << body() << geFormatNombre() } def monTagFormatDate= { attrs, body -> out << body() << geFormatDate() } String getFormatNombre(""){ return "class=montant" } /* enfin ce que tu as besoin de faire */
puis dans ton gsp tu peux utiliser ta balise

Code:

<g:monTagFormatNumbre>${leNombreAFormater}</g:monTagFormatNumbre>

Voilà grosso modo le principe.

Sinon tu peux faire des layout, c'est à dire des bouts de code gsp :
il faut alors créer un fichier dans un répertoire composant par exemple de ton arborescence views préfixer par un underscore _ : par exemple _moncomposant.gsp
Tu utilises ce layout dasn les autres gsp par la balise :

Code:

<g:render template="/composant/moncomposant" />

Attention ! dasn le gsp invoquant pas de _.

Pour plus d'infos consulter la doc grails .
A+

poor un passage de parametre, il vaut mieux faire un truc comme ca pour le taglib coté gsp:
Code:

1 2 <g:monTagFormatNumbre monnombre=${leNombreAFormater}> </g:monTagFormatNumbre>
tu le recuperes comme ca dans le taglib :
Code:

1 2 3 def monTagFormatNumbre= { attrs, body -> out << body() << geFormatNombre(attrs.monnombre) }

Bonjour,
Ce que tu m'as proposé fonctionne très bien. Merci.
Mais ça ne rend pas visuellement le formatage que je désire.
Ce que j'ai écrit :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    String getFormateNombre(Double inNombre, Integer inNombreDecimales, Double inDefautNombre)
    {
        Double nombre = inNombre
        if(nombre)
        {   // ex : pour arrondir nombre au centieme, on le multiplie par 100,
            // on arrondie a l'entier superieur (ceil) puis on redivise par 100
            if(!inNombreDecimales)
            {   inNombreDecimales = 2 }
            Double deca = Math.pow(10, inNombreDecimales)
            nombre = (Double) Math.ceil(nombre * deca) / deca
        }
        else if(inDefautNombre)
        {   nombre = inDefautNombre }
        return nombre
    }
 
    def formateNombre =
    { attrs, body ->
        out << body() << getFormateNombre(attrs.nombre, attrs.decimales, attrs.defaut)
    }

Puis

Code:

<g:formateNombre nombre="${partInstance.weight}" decimales="${3}" defaut="${0}"></g:formateNombre>

Je voudrais m'approcher de ça :

Code:

<g:formatNumber number="${(partInstance.weight)? partInstance.weight : 0}" format="#,##0.00" />

Ce que j'ai fait et qui ne fonctionne pas (il doit me manquer une connaissance conceptuelle ou quelque chose comme ça et ça me rend folle) :

Code:

1
2
3
4
5
6
7
8
    def formateNombre2 =
    {attrs, body ->
        def valeur = attrs.remove('val')
        valeur = (valeur)? valeur : 0
        String debut = "<g:formatNumber number=\""
        String fin = "\" format=\"#,##0.00\" />"
        out << debut + valeur + fin
    }

Puis

Code:

<g:formateNombre2 val="${partInstance.weight}" ></g:formateNombre2>

Tu vois l'erreur ? :(

13/01/2011, 11h31
macumba

Puis

Code:

<g:formateNombre nombre="${partInstance.weight}" decimales="${3}" defaut="${0}"></g:formateNombre>

Je ne comprends pas decimales="${3}", tu as un composant dont id=3 où tu saisis ton nombre de décimales?
Perso j'aurai plus vu decimales="3"...
13/01/2011, 11h39
macumba
Ca ca colle pas non plus :
Code:

1 2 3 def valeur = attrs.remove('val') <g:formateNombre2 val="${partInstance.weight}" ></g:formateNombre2>
tu n'as pas de propriétés remove dasn tes attributs... Pour lire ta valeur tu dois faire attrs.val.
Je te conseille de faire un println de attrs pour voir les paramètres que tu récupéres, tu verras mieux comment ca marche.
13/01/2011, 11h42
ourseblanche

Citation:

Envoyé par macumba

Puis

Code:

<g:formateNombre nombre="${partInstance.weight}" decimales="${3}" defaut="${0}"></g:formateNombre>

Je ne comprends pas decimales="${3}", tu as un composant dont id=3 où tu saisis ton nombre de décimales?
Perso j'aurai plus vu decimales="3"...

Oui, c'est la saisie du nombre de décimales après la virgule.

Citation:

Envoyé par macumba

tu n'as pas de propriétés remove dasn tes attributs... Pour lire ta valeur tu dois faire attrs.val.
Je te conseille de faire un println de attrs pour voir les paramètres que tu récupéres, tu verras mieux comment ca marche.

Pas mieux :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
    def formateNombre2 =
    {attrs, body ->
        def valeur = attrs.val
        println("----------------------------------------------->  valeur : " + valeur  )
        valeur = (valeur)? valeur : 0
        println("----------------------------------------------->  valeur : " + valeur  )
 
        String debut = "<g:formatNumber number=\""
        String fin = ""
        fin = "\" format=\"#,##0.00\" />"
        println("----------------------------------------------->  "+ debut + "${valeur}" + fin  )
        out << debut + "${valeur}" + fin
	}

Code:

1
2
3
----------------------------------------------->  valeur : 0.175
----------------------------------------------->  valeur : 0.175
----------------------------------------------->  <g:formatNumber number="0.175" format="#,##0.00" />

13/01/2011, 12h01
macumba
Pourquoi tu fais ca ;
Code:

1 2 3 String debut = "<g:formatNumber number=\"" String fin = "" fin = "\" format=\"#,##0.00\" />"
ton taglib te permet de remplacer le contenu de ta balise <g:...> tu renvoies comme valeur une autre balise, je ne sais pas ce que ce que fais ton résultat mais ca ressemble à une espèce de boucle infini.

la chaine de sortie doit être ta valeur formatée, pas un autre taglib...
out << ~~debut + "${~~valeur~~}" + fin~~

Il faut que tu formates ton nombre avec les fonctions java...
13/01/2011, 12h09
ourseblanche

Citation:

Envoyé par macumba

Il faut que tu formates ton nombre avec les fonctions java...

Quand je le fais en java, les zéros de fin disparaissent au moment de l'affichage.
ex : 13,3 au lieux de 13,300 (si j'avais choisi 3 décimales). :(
13/01/2011, 12h18
macumba
Tu as utilisé une fonction de formatage?
Je viens d'essayer ca et ca fonctionne très bien...
Code:

1 2 DecimalFormat df = new DecimalFormat("0.000"); System.out.println(df.format(12.5));
Ou alors tu as peut être juste oublié les ""...

Merci, ça marche parfaitement :zoubi:.

Et ça donne ça (avec nombre de decimales en entrée) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
class OutilTagLib
{
    String getFormateNombre(Double inNombre, Integer inNombreDecimales, Double inDefautNombre)
    {
        Double nombre = inNombre
        String nombreString = ""
        // nombre par defaut
        if(!nombre)
        {   if(inDefautNombre) {   nombre = inDefautNombre } }
        else
        {   // nombre de decimales par defaut
            if(!inNombreDecimales)
            {   inNombreDecimales = 2 }
 
            // ex : pour arrondir nombre au centieme, on le multiplie par 100,
            // on arrondie a l'entier superieur (ceil) puis on redivise par 100
            Double deca = Math.pow(10, inNombreDecimales)
            nombre = (Double) Math.ceil(nombre * deca) / deca
 
            // ex : pour formater au centieme, on donne 0.00 comme format
            String formatDecimales = "0."
            for(int i = 0; i < inNombreDecimales; ++i) {   formatDecimales += "0" }
            DecimalFormat df = new DecimalFormat(formatDecimales);
            nombreString = df.format(nombre)
            // ex : pour formater a la francaise, on remplace le "." par une ","
            nombreString.replace('.', ',')
        }
        return nombreString
    }
 
    def formateNombre =
    { attrs, body ->
        out << body() << getFormateNombre(attrs.nombre, attrs.decimales, attrs.defaut)
    }
}

appelé comme ça :

Code:

<g:formateNombre nombre="${partInstance.weight}" decimales="${3}" defaut="${0}"></g:formateNombre>

PS : le ${} de ${3} a l'air nécessaire pour garder le typage numérique.