Discussion :

[Eléonore23]

Je suis en train d’essayer d'apprendre à me servir de CssResource dans gwt sur le page de google (http://code.google.com/intl/fr-FR/we...BundleExamples)
et je ne comprends pas bien comment ça marche.

J'ai ce code (je ne suis pas sur qu'il soit bon):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.CssResource;
 
public class CSS {
	public interface MyResources extends ClientBundle {
		@def small 1px;
	}	
	public interface MyResources1 extends CssResource {
		  String small();
		}
}

éclipse me souligne le 1 de "1px" et je ne comprends pas pourquoi. Ai-je oublié quelque chose ? La ligne correspondante est-elle mal placée ?
et où placer leur :

Code :

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

1
2
3
.myIdent {
		 ...
	     }

? ? ?
je vous remercie d'avance pour votre aide.

[Eléonore23]

une idée ?

[link256]

Aucune idée hélas mais il ne faut pas toujours se fier à ce que l'éditeur d'eclipse souligne.

il souligne des choses qu'il ne devrait pas, des fois tu fais un saut de ligne dans le fichier, tu sauvegardes le soulignement disparait et un petit Ctrl+Z et nouvelle sauvegarde pour retirer le saut de ligne et nouvelle sauvegarde et le soulignement n'est plus là.

c'est parfois un pb de cache de l'éditeur

[Eléonore23]

Merci pour le tuyau.

[Raphaël Brugier]

le .myIdent et ton @Def vont dans le fichier css.

Dans le fichier css tu déclares tes styles,
style.css :

Code :

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

1
2
3
4
5
@def myIdent 10px;
.maClasse {
  color : #000;
  border-width = myIdent;
}

Dans l'interface java, qui étend css ressources tu déclares une méthode qui renvoie une string pour chaque class déclarée dans ton fichier css.
Le nom de la méthode est le nom de la classe.

Code :

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

1
2
3
public interface MyResources extends CssResource {
		String myClasse();
}

Client bundle permet de lier les ressources à l'interface, ici le fichier css avec ton interface.

Code :

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

1
2
3
4
5
6
 
public interface MyResources extends ClientBundle {
public MyResources INSTANCE = GWT.create(MyResources .class);
  @Source("style.css")
  MyResources css();
}

Ensuite il y a une astuce qu'il ne faut pas oublier c'est d'appeler ensureInjected sur l'instance de ton interface Css. Ceci permet d'injecter les styles css une première fois dans ta page web.

MyWidget.java :

Code :

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

1
2
3
4
5
 
MyWidget() {
MyResources.INSTANCE.css().ensureInjected();
this.addStyleName(MyResources.INSTANCE.css().maClasse());
}

[Eléonore23]

Merci de ton aide, je vais essayer.