Discussion :

[Chen norris]

Bonjour à tous,

Je sais que j'ai déjà ouvert quelques discussions sur ExtJS toujours non résolues mais me voilà confronté à un nouveau problème (assez similaire au problème que j'avais déjà posté ici, au cas où les deux soient liés) : je dois afficher dynamiquement un composant Ext.view.View au sein d'un composant Ext.panel.Panel. Pour cela, voici comment j'ai procédé :

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
23
// Déclaration de mon composant View
var view = Ext.create("Ext.view.View", {
    id: "idView",
    itemId: "idView",
    store: storeView,
    tpl: new Ext.XTemplate( ... )
});
 
// Déclaration du panel conteneur
var panel = new Ext.panel.Panel({
    id: "idPanel",
    itemId: "idPanel",
    items: [ ],
    title: "Mon titre"
});
 
// Événement déclencheur de l'ajout du View dans le Panel
storeView.load({
    callback: function(records, operation, success) {
        if (records[0].get("actif") === true)
            panel.insert(0, view);
    }
});

Sous Firefox, tout fonctionne très bien comme je le souhaite. Mais quand je passe sous IE7, j'ai l'erreur suivante qui apparaît dans la console JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

SCRIPT5007: Impossible d’obtenir la propriété  « split » d’une référence null ou non définie

Petite précision : ce n'est pas exactement IE7 mais IE11 avec mode de document = IE7.

Après une journée entière à ne me consacrer qu'à ce bug, je commence à perdre espoir de trouver une solution.
Une idée ?

Merci d'avance pour votre aide.

[Chen norris]

La nuit porte conseil comme on dit…

Après de multiples essais, j'ai réussi à trouver une solution pour enfin afficher ma page correctement sous Internet Explorer 7 : me passer complètement du composant Ext.view.View. Concrètement, voici ce que ça donne :

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
23
24
// Déclaration de mon composant View
var view = new Ext.panel.Panel({
    hidden: true,
    id: "idView",
    itemId: "idView",
    items: [ ... ],
    store: storeView
});
 
// Déclaration du panel conteneur
var panel = new Ext.panel.Panel({
    id: "idPanel",
    itemId: "idPanel",
    items: [ ],
    title: "Mon titre"
});
 
// Événement déclencheur de l'affichage du View dans le Panel
storeView.load({
    callback: function(records, operation, success) {
        if (records[0].get("actif") === true)
            view.show();
    }
});

Je "joue" du coup sur des items que je positionne dans un panel plutôt que sur un XTemplate ce qui me limite beaucoup plus (sans parler du fait que ça n'est pas du tout l'usage prévu…), mais de toutes façons je n'ai guère le choix si je veux que ça fonctionne sous IE7. Il semblerait donc au final que l'origine de mon problème découle d'une incompatibilité entre le composant Ext.view.View et Internet Explorer < 8 (du moins pour ce qui est de l'ajout dynamique, en statique, ça a l'air de mieux se passer).
Bonne chance du coup à ceux qui souhaitent se servir de ce composant en assurant la compatibilité avec IE7