IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Ext JS / Sencha Discussion :

Image dans un template


Sujet :

Ext JS / Sencha

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Avatar de abraxis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    439
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2007
    Messages : 439
    Par défaut Image dans un template
    Bonsoir,

    J'ai un htmlEditor qui me permet d'insérer des images.
    Je rajoute aussi du texte avant et/ou après mes images.
    J'enregistre le tout dans une base de données.

    Mon problème est quand je veux afficher ces données dans un XTemplate.
    voila ce qui est affiché dans le template :
    du texte ici
    <img style="width: 128px; height: 128px; float: left;" src="http://projet/data/uploads/th_txu.jpg">
    encore du texte ici
    Je n'est pas l'image mais la balise de l'image...
    Voici mon template :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    tpl: Ext.create('Ext.XTemplate',
        '<div>{content}</div>'
    )
    Je ne peu donc pas mettre dans mon template les balises images car je ne sais pas combien je vais avoir d'image ni même la quantité de texte avant et après.

    Comment puis-je faire pour afficher mes images plutôt que d'afficher la balise image ?

    Merci par avance

  2. #2
    Membre éclairé
    Avatar de abraxis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    439
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2007
    Messages : 439
    Par défaut
    Pas de réponse ?
    Je suppose donc que je suis le seul dans ce cas...

    Je vais continuer de chercher et je finirais bien par trouver une solution : )

  3. #3
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    tu n'est pas le seul à utiliser un template
    mais tu ne dis pas ce qu'il y a dans tes variables

    un template est un truc bête qui est fait pour afficher des données
    donc il affiche le contenu de tes variables

    ce que tu as mis dedans comment tu l'y a mis etc ????

    A+JYT

  4. #4
    Membre éclairé
    Avatar de abraxis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    439
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2007
    Messages : 439
    Par défaut
    Dans mon premier post je donne le texte qui est contenu dans ma variable.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    du texte ici
    <img style="width: 128px; height: 128px; float: left;" src="http://projet/data/uploads/th_txu.jpg">
    encore du texte ici
    Je récupère mes données via JSON qui a le format suviant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    {"success":true, "totalCount":3, "result":[{"content": "du texte ici<br><img style='width: 128px; height: 128px; float: left;' src='http://projet/data/uploads/th_txu.jpg'><br>encore du texte ici", "id": 2}]}
    Mon JSON est créé en PHP comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    $response = Array(
    "success" => true,
    "totalCount" => count($arrAll),
    "result" => $arrAll
    );
    echo json_encode($response);

  5. #5
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    un template est fait pour afficher des données et c'est bien ce que fait ton exemple
    tu demande à sencha d'afficher
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    du texte ici
    <img style="width: 128px; height: 128px; float: left;" src="http://projet/data/uploads/th_txu.jpg">
    encore du texte ici
    et c'est bien ce qui est affiché;

    Xtemplate offre quelques option supplémentaires. je ne suis pas sur mais tu peux peut-être essayer de désactiver le formatage des données
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    var t = new Ext.XTemplate(
        '<div name="{id}">',
            '<span class="{cls}">{name} {value}</span>',
        '</div>',
        // a configuration object:
        {
            disableFormats: true
        }
    );
    en fait le systeme de template formate les données (date number etc.) pour html les variablee sont parsés et changé avec des htmlentities.

    en fait ce que tu cherche à faire ne relève pas d'un template mais d'un simple html

    je pense que ce que tu cherche à faire relève plus de http://docs.sencha.com/extjs/4.1.3/#...hod-insertHtml


    A+JYT

  6. #6
    Membre éclairé
    Avatar de abraxis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    439
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2007
    Messages : 439
    Par défaut
    Merci pour cette réponse.

    Je vais essayer cette solution ce soir et je vous informerais de l'avancement.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 28/02/2015, 22h46
  2. [eZ Publish 4.3] insertion image dans template pour email
    Par spawn_nico dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 10
    Dernier message: 17/05/2013, 14h27
  3. Charger dynamiquement une image dans un bouton (issu d'un template) [VB][WPF]
    Par Jayme65 dans le forum Windows Presentation Foundation
    Réponses: 2
    Dernier message: 07/03/2012, 12h17
  4. Smiley (image dans un RichEdit)
    Par Waxayaz dans le forum Composants VCL
    Réponses: 3
    Dernier message: 06/02/2003, 14h32
  5. [VB6] [Excel] Insérer une image dans une feuille
    Par mathias dans le forum VB 6 et antérieur
    Réponses: 7
    Dernier message: 09/10/2002, 07h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo