Version imprimable
bonjour
Je voudrais afficher une image dynamiquement en fonction de ce que je récupère dans une BDD.
J'ai mis un repeater qui me permet d'afficher tout un tas de données. Parmi ces données, j'ai une image que je dois afficher dynamiquement. Je pensais que poser un webcontrol image dans mon repeater allait être une solution rapide et efficace, mais en vain...
Aurirez vous svp une méthode ? une solution ?
D'avance merci pr vos messages
Ok, les images s'affichent grace à cette facon dans mon repeater :
<asp:image id="imgTest" runat="server" ImageUrl='<%# String.Format("/MonChemin/{0}.jpg", DataBinder.Eval(Container.DataItem,"Numero")) %>'></asp:image>
Cependant, il est possible selon les cas que j'ai pas d'image physiquement. Je me retrouve donc avec une croix rouge...
Que voudrais tu que ça fasse lorsqu'il n'y a pas d'image?
Est ce que tu as fais attention à la propriété AlternateText du controle Image?
et bien qu'il n'y ait pas de croix rouge en retour...
Notez bien que je parcours une table d'une BDD et les images peuvent ou pas y être pr un enregistrement.
Donc, j'aimerais en réponse à ta question qu'il n'y ai pas cette croix rouge (que l'objet image ne soit pas créé quoi)
AlternateText permet simplement de rajouter un commentaire dynamiquement au survol de l'image...
Et bien je pense que tu es obligé de faire un test du genre :
Je ne suis pas sûre de la syntaxe... Ni du test d'ailleur. (cela pourrait être une chaine de caractère de longueur 0) :oops:Code:
2
3
4
Bien vu, mais le Numero est une simple clé primaire. Même si j'ai un numéro, je peux ne pas avoir d'image associé à ce numéro. C'est bien l'absence d'image et non l'absence du Numero :)
Remplace ta donnée par une image transparente ...
c'est ce que je voulais faire à la base, mais si je fais c'est que je sais forcément qu'il n'y a pas de d'image. Donc si pas d'image, j'affiche pas.
y'a pas la commande du genre "if FileExist( Server.MapPath(String.Format("/MonChemin/{0}.jpg", DataBinder.Eval(Container.DataItem,"Numero"))= ) then .....
voir dans l'objet File (System.IO je crois)
hope this help,
++
tout repose sur ça ! c'est clair
mais pr être franc, je ne suis pas arrivé à le coder :oops:
En fait, c'est mon 1er site en aspX et le truc, en asp, c'est pas un souci.
Mais le code que tu décrit devrait être coté Code Behind et non, dans la page aspx directement. Donc, je suis un peu paumé là :roll:
Le pb en aspx, à mon sense, c'est la très mauvaise interaction entre codebehind et code html en ce qui concerne le DataBinding. ça m'énerve toujours de ne pas arrivé à gérer des cas particuliers comme le tiens facilement
Enfin bref, pour ton pb :
- tu peux gérer le cas particulier dans l'évènement ItemCreated de repeater
- tu peux faire ce que t'ai proposé plus haute mais en remplaçant mon test par celui d'Idle
Ceci ne se met pas dans le code behind bien sûr, mais dans le côté design.Code:
2
3
4
En fait en aspx tu peux développer de la même façon qu'en asp, mais il n'y a pas trop d'intérêt. Sauf pour ce genre de choses je pense.
C'est trés facile à gérer si on se donne la peine d'utiliser une couche metier intermédiaire en ne bindant pas directement le Repeater sur un DataSet...Citation:
Le pb en aspx, à mon sense, c'est la très mauvaise interaction entre codebehind et code html en ce qui concerne le DataBinding. ça m'énerve toujours de ne pas arrivé à gérer des cas particuliers comme le tiens facilement
On crée une collection (si y'a qu'une photo un simple array suffira).
On rempli le tableau avec un dataReader en testant si la valeur du Path isdbNull puis si le le fichier existe ou pas avec File.Exists.
Si le fichier existe On met "<img src=Path>" dans le tableau, s'il n'existe pas on met " " ou "<img src=NoPhoto>"
Puis on déclare le Tableau comme source de donnée du repeater...
Si on veut faire propre on crée un Objet Photo qui a une propriété ReadOnly Path et une collection de Photos comme Source du repeater.
Il suffit de mettre
dans le html qui n'est pas fait pour avoir du code...Code:<%#Container.DataItem.Path%>
ok, je vais tester ceci sur le champ
Merci pr la réponse :)
erf... je crois que c'est un peu complexe à l'heure d'aujourd'hui pour mettre en place la solution de bifidus
Je pensais qu'il y avait quelque chose de plus simple tout de même. Un controle ou autre
Pourtant moi je la trouve bien sa solution à bifidus. Ce n'est pas si compliqué que ça et c'est propre puisque tu travailles dans le code behind. Le webdesigner n'a rien à faire en prog, c'est nickel. Et puis, le moyen de faire autrement?
oui, bien sur, mais je veux dire que je me sens pas encore capable de la développer. Mais une question sur :
Donc au final, c'est ma collection que je vais binder ?Citation:
ne bindant pas directement le Repeater sur un DataSet...
1) Tu fais une Classe ImageClass qui a une propriété Path et une propriété Src qui va te renvoyer ce que tu veux suivant que le fichier existe ou pas.
2) Tu fais une Collection Typée d'images qui hérite de collection Base (ou n'importe quoi qui implémente IList)Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
3) Tu bindesCode:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31Public Class ImagesCollection Inherits CollectionBase Public Default Shadows Property Item As ImageClass Get Return CType(Me._innerlist(index), ImageClass) End Get End Property Public Overrides Sub Add(Image as ImageClass) me._innerlist.add(Image) End Sub Public Sub Load(db as connection) db.Open() dim CMD as SQlCommand CMD = db.CreateCommand CMD.CommandText = "SELECT * FROM IMAGES" Dim RD As DataReader = CMD.ExecuteReader Do While RD.Read Dim Image as New ImageClass if not RD("Path") Is dbnull then Image.Path = RD("Path") Me.Add(Image) Loop RD.Dispose() CMD.Dispose() db.Close() End Sub End Class
4) Le HtmlCode:
2
3
4
Ok ca fait beaucoup de Code, mais avec ca tu fais ce que tu veux sans mettre des kilometres de code kabalistique dans le html.Code:
2
3
4
5<asp:Repeater id=RepeaterImage runat=server > <ItemTemplate> <tr><td><%#Container.DataItem.Src%></td></tr> </ItemTemplate> </asp:Repeater>
Tu mets tes classes ImagesClass et ImagesCollections dans une feuille à Part voire dans un Projet à part et tu réutilise quand tu veux, au pire il suffit de rajouter un parametre sql si on doit charger la collection a partir de code sql différent.
De plus il est trés simple d'hériter des Classes ImageClass et ImagesCollection pour developper des trucs plus compliqués alors qu'avec des trucs du genre
<asp:image id="imgTest" runat="server" ImageUrl='<%# String.Format("/MonChemin/{0}.jpg", DataBinder.Eval(Container.DataItem,"Numero")) %>'></asp:image>
Bonjour la réutilisabilité du Code !
mes images ne sont pas en base de données :
Citation:
CMD.CommandText = "SELECT * FROM IMAGES"
Citation:
Je voudrais afficher une image dynamiquement en fonction de ce que je récupère dans une BDD.
Faudrait savoir...Citation:
mes images ne sont pas en base de données
De toute facon je voie pas ce que ca change au principe...
je me suis mal exprimé :/
quand j'ai dit en fonction de ce je récupère dans la base de donnée, je veux dire par là que j'ai une table avec un ID et que l'image a le même nom que cet ID.
Exemple : enregistrement avec l'ID 1, image : 1.jpg (qui n'est pas en base). C'est à dire qu'en asp, je savais que si l'image avait été uploadée, ca aurait été 1.jpg
le truc banal if (file.exists....) je ne sais pas si ca t'éclaire, mais apparement, tu me dis que c'est pareil, que ca ne change pas le problème...
ca va qu'aujourd'hui j'ai pas grand chose à faire mais faudrait peut etre faire un ptit effort quand meme...Code:Image.Path = RD("Id").ToString & ".jpg"