Gridview avec des images
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.
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
- Gridview avec des images
- C# compare images ✓ - Forum C# / .NET
- Ttttyyyy images - Forum Delphi / Pascal
- Gridview ✓ - Forum ASP.NET
- Automatisation des images ✓ - Forum Javascript / DHTML
- Images avec les ressources - Forum VB.NET
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.