tabContainer closabe

Version imprimable

salut tous le monde ,

J'ai un tabContainer avec un seul onglet closable , et dans response d'une requette ajax j'affecte le resultat de cette requette au onglet , ( a chaque clique j'affecte le resulat au meme onglet ) .Mon problème c'est quand je ferme l'onglet j'ai eu deux erreur :
Code:

1 2 3 this.domNode is null this.scroller is undefined
et quand je clique autre fois pour ouvrir l'onglet je trouve cette erreur :
Code:

1 2 3 Probleme requete ajax TypeError: this.edit is undefined
voila mon code :
Code:

1 2 3 4 5 <div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100px;" jsId='tc' id='tc'> <div dojoType="dijit.layout.ContentPane" title="My liste client" closable="true" jsId="ongletListage"> </div> </div>
voila la methode js avec une requette ajax:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function listClient() { dojo.xhrGet({ url :"edit-liste-client/idGroupClient/" + idGroupClient, handleAs :"text", timeout :5000, load : function(response) { dijit.byId("ongletListage").setContent(response); tc.startup(); }, error : function(error) { alert('Probleme requete ajax \n ' + error); } }) }
qu'est ce que je dois faire pour pas avoir ces erreurs , et je peux autre fois ouvrir un onglet avec le resultat qui vient dans la response de la requette ajax ?
merci.

Rapidement à vue de nez:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function listClient()
{
dojo.xhrGet({
            url :"edit-liste-client/idGroupClient/" + idGroupClient,
            handleAs :"text",
            timeout :5000,
            load : function(response) {
                ongletListage.attr("content", response);
            },
            error : function(error) {
                alert('Probleme requete ajax \n ' + error);
            }
        });
   }

ERE

24/06/2009, 16h01
devkaty

merci pour votre réponse sur le champ.

mon probleme ce n'est pas dans l'affectation du resultat au onglet mais apres fermuture de l'onglet il donne les erreurs , c-a-d dans la 2 éme fois : 2eme ouvrture il trouve pas l'onglet .
(je sais pas si apres la fermeture de l'onglet il détruie tabContainer !!!!!!!!).
24/06/2009, 16h11
emmanuel.remy
Citation:

Envoyé par devkaty

merci pour votre réponse sur le champ.

mon probleme ce n'est pas dans l'affectation du resultat au onglet mais apres fermuture de l'onglet il donne les erreurs , c-a-d dans la 2 éme fois : 2eme ouvrture il trouve pas l'onglet .
(je sais pas si apres la fermeture de l'onglet il détruie tabContainer !!!!!!!!).

Dans ce cas, ne fait pas comme ça, crée un onglet après chaque résultat:
Code:

1 2 3 4 5 6 7 cp = new dijit.layout.ContentPane({title: 'Titre'}); cp.attr("content",XXXXXXXX); tc.addChild(cp); //nécessaire ? cp.startup();
ERE
24/06/2009, 16h46
devkaty

j'ai testé cette solution mais toujours les memes érreurs :(
24/06/2009, 17h23
emmanuel.remy
Je n'avais pas percuté tout à l'heure, mais pourquoi charger de manière asynchrone via xhrGet tes données. Un simple
Code:

1 2 3 4 function listClient() { ongletListage.attr('href', "edit-liste-client/idGroupClient/" + idGroupClient); }
suffit.

ERE

Citation:

Envoyé par emmanuel.remy

Je n'avais pas percuté tout à l'heure, mais pourquoi charger de manière asynchrone via xhrGet tes données. Un simple

Code:

1
2
3
4
function listClient()
{
ongletListage.attr('href', "edit-liste-client/idGroupClient/" + idGroupClient);
}

suffit.

ERE

Merci autre fois pour vos réponses ,
J'ai testé cette solution aussi ,mais c'est pas cça le probleme.
J'ai toujours les erreurs après la fermeture de l'onglet .
voila mon dernier code :

Code:

1
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
31
32
33
34
35
36
37
 
function getListClient()
{
    dojo.xhrGet({
            url :"edit-liste-client/idGroupClient/" + idGroupActif,
            handleAs :"text",
            timeout :5000,
            load : function(response) {
                if(dijit.byId("containerClient")){ 
                    var containerClient = dijit.byId("containerClient"); 
                } else {                
                    var containerClient = new dijit.layout.TabContainer({ 
                        id : "containerClient", 
                        style: "height: 900px; width: 900px;" 
                    },myDiv); 
                }    
                if (dijit.byId("ongletListage")) {
                    dijit.byId("ongletListage").attr("content", response);
                } else {
                    var ongletListage = new dijit.layout.ContentPane({
                        id :"ongletListage",
                        title: 'nomGroup',
                        closable :true,
                        onClose: function(){
                            return confirm("Etes-vous certain de vouloir fermer cette onglet  ?");
                        }
                    });
                    containerClient.addChild(ongletListage);
                    containerClient.startup();
                    dijit.byId("ongletListage").attr("content", response);
                }
        },
        error : function(error) {
           alert('Probleme requete ajax \n ' + error);
        }
        })
}

j'affecte le résultat toujours pour le meme onglet.

25/06/2009, 12h36
emmanuel.remy

Salut devkaty,

Désolé, j'ai testé ton code et je n'ai pas d'erreur...
Au delà du fait que ne comprends pas pourquoi tu veux absolument passer par la destruction/reconstruction du contentpane et un xhrGet alors qu'un simple ongletListage.attr('href'...) fait l'affaire, je n'ai pas d'erreur.

Autre bizarrerie: pourquoi tester si le TabContainer existe encore ? Tu le détruis lui aussi ? Mais c'est le Vietnam cette application ! :lol:

Et j'allais oublier: si tu n'as qu'un onglet, pourquoi ne pas mettre plutôt un simple contentpane plutôt qu'un tabcontainer ?

ERE

Salut,

Ce qu'on desire faire c avoir plusieurs onglets qui seront tous closable.

Lorsqu'on ferme tous les onglets on se retrouve avec des erreur js ds la console sous FF :
- this.domNode is null
- this.scroller is undefined

Que l'on passer par xhrGet ou par un simple : dijit.byId("monOnglet").attr("href",...).

Le probleme viens du fait que le tabContainer n'a plus de child.

Voici un bout de code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var container = dijit.byId("container"); if (dijit.byId("monOnglet")) { dijit.byId("monOnglet").destroy(); } var cp1 = new dijit.layout.ContentPane({ id :"monOnglet", title: 'nomGroup', closable :true, onClose: function(){ return confirm("Etes-vous certain de vouloir fermer cette onglet ?"); } }); container.addChild(cp1); container.startup(); dijit.byId("monOnglet").attr("href",...); dijit.byId("monOnglet").attr("preload",true);
Lorsqu'on ferme l'onget, on se retrouve avec les erreurs ds la console d'erreur et lorqu'on rappel la fction pr reafficher un onglet on a l'erreur this.edit is undefined.

25/06/2009, 14h53
emmanuel.remy

Salut,

Faites moi un zip du code pour que je teste, car je n'ai pas du tout cette erreur: Quand on ferme tous les onglets, rien de particulier se passe :oops:

ERE
26/06/2009, 12h39
jamilla

Salut,

J'ai enfin compris d'ou venait le probleme.

Le contenu de la page qu'on appel en href contient un grid et un menu créé avec les widgets dojo.
C'est la presence de ces widgets qui provoque les deux erreurs.

Maintenant qu'on sais d'ou viens le probleme reste a savoir comment le regler ....

++
26/06/2009, 15h55
emmanuel.remy

Dans ces conditions peu évidentes , je ne vois pas d'autre solution que de tracer, en commençant par voir de que domNode il s'agit.

Et si cela ne fonctionne toujours pas, alors il reste la possibilité de recharger la page ...

ERE
20/07/2009, 12h20
jamilla

La source du problème

Salut,

Après quelques recherches, on a constaté que le problème venait de dojox.widget.PlaceholderMenuItem.
En effet on a utilisé ce widget pour avoir un menu lors du clic droit sur le grid.
Lorsqu'on désactive ce widget plus de problème.
Donc pour le moment on l'a désactivé. On voit vraiment pas prq ce widget déclenche ce problème.
Si vous avez une idée ... on est preneur.

++
20/07/2009, 12h44
emmanuel.remy

Salut,

Citation:

Envoyé par jamilla

Salut,

Après quelques recherches, on a constaté que le problème venait de dojox.widget.PlaceholderMenuItem.
En effet on a utilisé ce widget pour avoir un menu lors du clic droit sur le grid.
Lorsqu'on désactive ce widget plus de problème.
Donc pour le moment on l'a désactivé. On voit vraiment pas prq ce widget déclenche ce problème.
Si vous avez une idée ... on est preneur.

++

Vous l'avez utilisé pour afficher la liste des colonnes ?

ERE
20/07/2009, 12h50
jamilla

Effectivement, c pour permettre d'effectuer un choix sur les colonnes à afficher.

On a créé notre propre bouton pr faire çà pour ne plus avoir a utiliser ce widget.
Mais pr notre culture perso ;p , on voulait savoir prq çà provoqué ce problème ;p
20/07/2009, 13h02
emmanuel.remy

Re,

La Grid fait un lien vers le menu header et le placeholder.
J'imagine qu'il y a un souci dans l'ORDRE de destruction des ressources, en bref dans la séquence des fonctions destroy() appelées.

Même si le code de destruction du menu apparait bien dans le destroy de la grid, sûrement est ce un problème événementiel. Il pourrait être intéressant de faire un test en détruisant d'abord la grille manuellement (via sa méthode destroy) avant de fermer l'onglet en cliquant dessus.

ERE