Gridview avec des images

Soyez le premier à donner votre avis sur cette source.

Vue 18 920 fois - Téléchargée 1 874 fois

Description

Ce code source est une réponse à garnier54 sur le lien : http://www.aspfr.com/infomsg_IMAGE-DANS-GRIDVIEW_1043937.aspx

Après recherche, j'ai trouvé beaucoup de questions dans ce sens. Je vais décrire étape par étape la procédure à suivre puis un exemple pour voir à quoi ça ressemble.

La source utilise une BDD Access qui contient une table avec les champs suivants :
- ID : entier ;
- IMAGE : Chaîne de caractères ;
- LIBELLE : Chaîne de caractères ;
- DETAILS : Chaîne de caractères ;
- DATE : date.

Procédure détaillée :

1 - Je te conseille de mettre le chemin de l'image dans champ image de ta Table SQL (qui va correspondre à un type varchar) ;
2 - Ouvre le Smart Tag de GridView puis tu lui associes le SqlDataSource correspondant ;
3 - Toujours sur le Smart Tag, clique sur Edit Columns ;
4 - Dans la zone Selected fields, sélectionne chaque champ puis clique sur le lien : Convert this flied into a TemplateField (tous les champs) ;
5 - Valide tout ça à l'aide du bouton Ok ;
6 - Toujours sur le Smart Tag, clique sur Edit Templates ;
7 - Ouvre alors le Smart Tag de la fenêtre du Template de GridView, puis ouvre la DropDownList ;
8 - Choisis ta colonne, puis clique sur Item template (tu vas trouvé qu'à l'origine c'est un Label) ;
9 - Tu supprimes ce Label et avec un Glisser/Déplacer, tu ramènes un contrôle Image (redimensionne-le à ta guise : Height : 75px et Width : 70px comme exemple) ;
10 - Sur le Smart Tag du contrôle Image, clique sur DataBindings... ;
11 - Dans le champs : Bindable properties, sélectionne ImageUrl ;
12 - A droite, sélectionne le RadioButton : Field binding ;
13 - Sur la DropDownList, sélectionne ton champ Image (qui contient le chemin de l'image) ;
14 - Valide avec Ok ;
15 - Sur le Smart Tag du GridView, End Template Editing ;
16 - Exécute et t'auras ton résultat.

Ci-dessus, j'ai essayé d'exliquer pas à pas la procédure, tiens moi au courant du résultat et si t'as besoin d'aide, n'hésite pas.

CSharp.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
2
Date d'inscription
mardi 12 mai 2009
Statut
Membre
Dernière intervention
1 décembre 2009

Merci pour la réponse! En fait, je n'avais pas simplement copié mes images à moi dans le repertoire imgages de mon projet, malgré que le chemin et les noms des imgaes étaient corrects. C'est arrangé, merci bcp!
Messages postés
98
Date d'inscription
samedi 17 septembre 2005
Statut
Membre
Dernière intervention
24 mai 2010
1
Merci pour vos encouragements.

@keis02

Tu dois juste revoir le chemin des images. Celles-ci ne s'affichent pas, à première vue, il n'arrive pas à trouver l'image spécifiée par le chemin d'accès. Tu dois revoir le chemin.

Essaie de mettre un chemin relatif du genre : ..\Pictures\xc0h9dfrtopjf4ft78.jpg

Tiens le forum au courant.

CSharp
Messages postés
2
Date d'inscription
mardi 12 mai 2009
Statut
Membre
Dernière intervention
1 décembre 2009

Merci beaucoup csharp, pour ce code si explicatif. Cependant après l'avoir utilisé dans un autre proejt, en suivant toutes ces étapes décrites, la grille s'execute mais je ne peux pas visualiser les images. Il y'a le petit symbole du navigateur qui empêche de montrer une image. Est-ce dû à mon navigateur qui ne supporte pas le format des images?
Messages postés
1
Date d'inscription
vendredi 13 avril 2007
Statut
Membre
Dernière intervention
16 juin 2009

Merci, Merci, Merci........
Messages postés
4
Date d'inscription
mercredi 10 novembre 2004
Statut
Membre
Dernière intervention
1 juin 2009

Une chose est sure : le comble du manque de professionnalisme, que dis-je du manque de politesse, est bel et bien de s'exprimer en majuscules avec des phrases qui ne respectent ni l'orthographe ni la grammaire françaises.
Enfin bref..
Personnellement, j'ai trouvé cette source très pertinente.
Le but final est peut-être discutable mais la source a le mérite de répondre à la question posée.. chose rarissime sur le net !
Afficher les 8 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.