comment ajouter une image dans une cellule de cellTable dans GWT

Je veux ajouter une image dans une cellule de la CellTable. Après la lecture de la documentation, c'est ce que j'ai fait,

Column<Contact, String> imageColumn = new Column<Contact, String>(new ImageCell()) {
    @Override
    public String getValue(Contact object) {
        return "contact.jpg";
    }
  };
table.addColumn(imageColumn, "");

Bien, il y a une colonne vide dans la table maintenant et pas d'image. Suis-je en train de faire quelque chose de mal ici? Toute suggestion est apprécié. Merci.

Je ne vois pas de problème avec cela. Voulez-vous obtenir un complètement cellule vide d'une image manquante icône?
où avez-vous le fichier "contact.jpg"? Il devrait être directement placé sous /guerre. Il ne va pas travailler autrement.

OriginalL'auteur sherry | 2011-05-05

  1. 16

    Utiliser un ImageResourceCell:

    interface Resources extends ClientBundle {
  @Source("image-path.png")
  ImageResource getImageResource();
}

Resources resources = GWT.create(Resources.class);

Column<Contact, ImageResource> imageColumn =
  new Column<Contact, ImageResource>(new ImageResourceCell()) {
    @Override
    public ImageResource getValue(Contact object) {
      return resources.getImageResource();
    }
  };
    d'accord! ImageResourceCell permettrait de mettre en œuvre l'Image à l'intérieur d'un celltable. Cependant, cela ressemble plus à une statique plutôt une dynamique de mise en œuvre. Cela oblige l'utilisateur à associer chaque image à une méthode dans l'interface (Ressources). Cependant, dans la plupart des cas, l'emplacement de l'image est obtenue de façon dynamique. Par exemple, j'ai un projet avec 1000images et souhaitez remplir dans un celltable. Je ne peux pas créer de 1000 méthodes correspondant chacun à une image. Est-il un générique solution pour cela?
    vous pouvez toujours créer votre propre classe qui implémente ImageResource et ensuite utiliser les instances de cette classe pour remplir les cellules. Quelque chose comme ceci: gist.github.com/1124648
    Hé les gars, il y a un problème avec ce type: "on ne peut pas redimensionner l'image". Il existe différentes solutions à ce problème: 1. pré-chargeur d'image 2. FITImage etc., Cependant une solution simple (markmail.org/message/...) fourni fonctionne mieux. Son simple: à l'aide d'un htmlcell au lieu de imagecell et l'attribution d'une image contenant un lien vers cette htmlcell. Elle s'adapte parfaitement bien dans la largeur et la hauteur. pensé à partager avec vous tous.

    OriginalL'auteur Ionuț G. Stan

  2. 8
    Column<Contact, String> imageColumn = 
    new Column<Contact, String>(
        new ClickableTextCell() 
        {
            public void render(Context context, 
                               SafeHtml value, 
                               SafeHtmlBuilder sb)
            {
                sb.appendHtmlConstant("<img width=\"20\" src=\"images/" 
                                       + value.asString() + "\">");
            }
        })
        {
            @Override
            public String getValue(Contact object) {
                return "contact.jpg";
            }
        };
        table.addColumn(imageColumn, "");

    OriginalL'auteur Jay

  3. 5

    Je suppose qu'il y a une erreur dans le Ionuț G. Stan post

    je pense que c'est

    Column<Contact, ImageResource> imageColumn =
  new Column<Contact, ImageResource>(new ImageResourceCell()) {
    @Override
    public ImageResource getValue(Contact object) {
      resources.getImageResource();
    }
  };

    donc, avec public ImageResource getValue et pas public String getValue

    ne pas oublier aussi le "retour" mot-clé dans la méthode getValue

    OriginalL'auteur gzorzi