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 :

component et scroll


Sujet :

Ext JS / Sencha

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Juin 2004
    Messages
    151
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 151
    Par défaut component et scroll
    Bonjour

    J'ajoute un component dans un panel où je mets du texte dans la variable html.

    Le texte est grand et je n'arrive pas à mettre un scroll.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    	Ext.getCmp('panReport').add({
    		id : "htmlWFS",
    		name : "htmlWFS",
    		autoScroll: true,
    		border: false,
    		html: htmlWFS});
    	Ext.getCmp('panReport').doLayout();
    }
    Est la bonne méthode pour afficher du html? Si oui comment mettre un scroll.

    Merci de votre aide Tio

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Février 2010
    Messages
    267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 267
    Par défaut
    Bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    var mon_panel = new Ext.Panel({
    	    title:'mon titre',
                autoscroll:true,
                padding:20,//ca fait un peu plus joli
    		autoLoad:{
    			url:mon_url,//exemple http://www.ceramique-paris.fr
    			method:'POST'			
    	});
    Message a tout ceux qui crée des discussion. Un petit "merci" ne ferait pas de mal, à ceux qui prennent le temps de répondre ... c'est la moindre des choses.
    Je rappelle que je réponds aux posts bénévolement, et sur mon temps de travail. Tio, ce message ne tes pas directement adressé

  3. #3
    Membre confirmé
    Inscrit en
    Juin 2004
    Messages
    151
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 151
    Par défaut
    Voila le résultat actuel

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    ....htmlWFS="<div>...>/div>";
     
    	Ext.getCmp('paninfoWFS').show();
    	Ext.getCmp('paninfoWFS').add({
    		id : "htmlWFS",
    		padding:10,
    		height: 275,
    		autoScroll: true,
    		border: false,
    		html: htmlWFS	
    	});
    	Ext.getCmp('paninfoWFS').doLayout();
    }
     
     
    	var paninfoWFS = new Ext.Panel({
    		id : "paninfoWFS",
    		name : "paninfoWFS",
    		layout:'fit',
    		border: false,
    		hidden: true
    	});
    Par contre, Je ne suis pas satisfait pour la configuration de la hauteur. Il a fallut que je mette height: 275, et si l'utilisateur agrandi la fenêtre cela ne suis pas. Je ne sais pas si je suis assez clair.

    Merci de votre aide.
    Tio

  4. #4
    Membre chevronné
    Profil pro
    Inscrit en
    Février 2010
    Messages
    267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 267
    Par défaut
    Bonsoir, Tio,

    Apparrement, j'ai répondu a coté de la plaque ... je pensais que tu avais des soucis de chargement de texte ... bref ...

    Je me demande si tu as essayé cette config:
    dans l'objet dont id est "htmlWFS":
    -1 enlever heigth:275
    -2 enlever autoscroll:true

    dans l'objet dont l id est 'paninfoWFS'
    - 1 ajouter autoScroll:true,

    je n'ai pas ce qu'il faut chez moi ... si ca ne marche pas ... n'hesites pas à me le dire ...

    a bientot ...

  5. #5
    Membre chevronné
    Profil pro
    Inscrit en
    Février 2010
    Messages
    267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 267
    Par défaut
    Salut Tio,

    Je ne sais pas si c'est ce que tu veux ... mais j'ai l'impression que tu veux dissocier la création du panel du remplissage de son contenu ...

    Je te deconseille d'utiliser la fonction .add() puis doLayout() car elle est couteuse en temps ...

    Essayes de faire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Ext.getCmp('paninfoWFS').body.update(htmlWFS);
    et pour la création de ton panel faire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    	var paninfoWFS = new Ext.Panel({
    		id : "paninfoWFS",
    		name : "paninfoWFS",
    		/*layout:'fit',*///plus la peine ...
                    autoScroll: true,//a rajouter ... !
    		border: false,
    		hidden: true
    	});

  6. #6
    Membre confirmé
    Inscrit en
    Juin 2004
    Messages
    151
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 151
    Par défaut
    Bonjour

    Je relance le sujet, je suis en train de corriger ce bug!
    Oui takitano c'est tout à fait cela.

    Ta solution fonctionne très bien.

    Toutefois, au premier chargement (lors de l'initialisation item, j'ai un GridPanel que je cache (méthode hide) pour faire afficher, ensuite, un autre contenu avec la méthode que tu m'as indiqué.

    Je n'arrive par à faire marche arrière. La méthode show pour le gridPanel ne fonctionne pas. J'ai essayé un bdoy.update(""), plus rien ne s'affiche....


    Je ne sais pas si je suis très clair. J'espère que tu pourras m'indiquer une solution.

    Merci d'avance pour le suivi.

    Tio

  7. #7
    Membre expérimenté Avatar de JulienFio
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    201
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Novembre 2007
    Messages : 201
    Par défaut
    Bonjour,

    Tu souhaites ré-afficher ton gridPanel ? dans ce cas un Ext.getCmp('tonGridopanel').setVisible(true) devrait suffire

Discussions similaires

  1. le fameux scrolling
    Par tanmieu dans le forum DirectX
    Réponses: 4
    Dernier message: 27/05/2003, 23h25
  2. [Crystal report] Component
    Par Antichoc dans le forum SAP Crystal Reports
    Réponses: 4
    Dernier message: 24/04/2003, 16h11
  3. Component not found
    Par Pm dans le forum XMLRAD
    Réponses: 2
    Dernier message: 28/01/2003, 14h40
  4. scrolling vertical et horizontal
    Par myriam dans le forum MFC
    Réponses: 2
    Dernier message: 24/01/2003, 17h06
  5. scroll dans un label
    Par Pretender dans le forum Composants VCL
    Réponses: 9
    Dernier message: 27/09/2002, 17h06

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