2013-06-26 6 views
1

J'ai des problèmes avec la grille de style dans gxt, le fait est que les éléments de la grille obtiennent (je ne sais pas exactement) classe css nommé ".GKA1XC4LIC" et cette classe remplace les paramètres , fourni par ma propre classe css (dans mon propre fichier css). Cependant, certaines propriétés (comme la taille de police) je suis capable de changer avec ma classe (je veux dire que mon fichier css est en cours de chargement).sencha GXT classes css

Je suppose que cette classe .GKA1XC4LIC est générée quelque part où je ne sais pas où. Pourquoi cela est-il fait de cette façon? Est-ce que je fais cela complètement faux?

i Définition du nom de classe comme ceci:

codeColumnConfig.setColumnTextClassName("smk-grid-text"); 

grâce

+0

Est-ce aussi un projet GWT? –

+0

@IanJacobs bien sûr, gxt est utilisé sur gwt – demoth

Répondre

2

Je suppose que vous utilisez GXT3. Vous avez dit que certaines propriétés sont définies en changeant le CSS. C'est parce que le GXT3 ne les a pas mis et donc ils fonctionnent.

Pour utiliser correctement les GXT3 Appearnces, il est préférable de consulter cette section dans le guide de migration (section Styling a GXT 3 application). C'est à peu près au milieu de la page.

Il explique les deux façons de modifier le modèle d'apparence utilisé par GXT3.

  1. via la configuration (dans le fichier XML du module GWT)
  2. via les arguments du constructeur

Il y a une autre explication dans les docs Sencha pour Appearances

Cela dit, qui est assez impliqué selon sur combien vous avez besoin de changer les choses.

Pour le faire rapidement, je l'utilise parfois une cellule pour rendre la façon dont j'ai besoin:

Par exemple, pour rendre une cellule dans une grille d'une manière particulière je ne

 ColumnConfig<Users, String> userCol = new ColumnConfig<SelectUserDialog.Users, String>(selectUserProperties.userName(), 240); 

     AbstractCell<String> c2 = new AbstractCell<String>() { 

      @Override public void render(com.google.gwt.cell.client.Cell.Context context, String value, SafeHtmlBuilder sb) { 
       value = "<div style=\"font-size:2.5EM; line-height : 30px; height=40px\" >" + value + "</div>"; 
       sb.appendHtmlConstant(value); 
      } 
     }; 

     userCol.setCell(c2); 

Si vous êtes ne pas utiliser ColumnConfig déjà, vous devrez peut-être voir ValueProvider et ProperyAccess

+0

je suppose que j'ai raté une grande différence depuis gwt 1.6. merci pour l'exemple de la cellule – demoth