Ext.EventObject est nul

**david71** · 12/10/2010, 11h47

Bonjour,

Je travaille sur une application JAVA / JSF et rencontre différentes erreurs Javascript. J'avoue ne pas être à l'aise dans le débogage de ces erreurs c'est pourquoi je vous demande un peu d'aide.

Lors de l'appui sur un bouton JSF ui:button le navigateur affiche l'erreur suivante :

Code :

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

1
2
3
4
 
Ext.EventObject is null or not an abject
Code : 0
URL : http://lien/mapage.jsp

Merci pour votre retour.

**goldledoigt** · 12/10/2010, 13h24

En tout premier lieu il faut que tu utilises Firefox avec Firebug si tu veux t'en sortir sans trop transpirer

Ensuite si tu regardes dans l'onglet réseau/network de firebug selon toi la librairie ExtJS est bien chargée ?

**david71** · 12/10/2010, 14h36

OK merci j'ai installé firebug avec firefox mais comment je vois si la librairie extjs est chargée dans l'onglet réseau ?

Merci pour ton retour.

**david71** · 12/10/2010, 14h48

Je vois des choses maintenant dans l'onglet Réseau.

J'ai GET ext-all.css "304 Not modified" je suppose que c'est cela la librairie EXT JS ?

Par contre sous firefox, je n'ai pas les mêmes erreurs que sous IE....en effet sous IE en bas est affiché "il existe des erreurs sur la page".

Merci,

**goldledoigt** · 12/10/2010, 14h59

Le plus important est de voir que ext-all.js et ext-base.js sont bien chargés dans l'onglet réseau de firebug.
Ensuite, le fait que tu n'ais pas les memes erreurs dans IE et Firefox n'est pas étonnant.
Je te conseil de faire marcher ton application dans Firefox en tout premier lieu, tu t'occuperas de l'adapter à IE apres.

**david71** · 12/10/2010, 17h17

Je n'ai pas de fichier ext-base.js de chargé je ne le vois pas.

Le problème c'est que je n'ai pas d'erreur sur firefox justement ou en tout cas de signalée en bas à gauche du navigateur.

**goldledoigt** · 12/10/2010, 17h30

Avoir un exemple en ligne de ton application ... c'est possible ?

**david71** · 12/10/2010, 17h33

C'est difficile car c'est de l'intranet mais par contre ce que je peux faire c'est capture d'écran ?

**goldledoigt** · 12/10/2010, 17h35

allez...

**david71** · 12/10/2010, 17h48

Ok merci, donc les captures sont faites à partir de IE 6.

Seul bémol : l'erreur ne survient pas systématiquement.

L'erreur javascript apparaît lorsqu'on accède à la fiche d'un client ou pas.
L'autre erreur javascript apparaît aussi pas systématiquement lorsqu'on retourne à l'accueil.

1) Accès au cient (cf. image 1) --> appui sur bouton "accéder"
2) Accès au détail du client : l'erreur javascript apparaît (cf. image 2)
3) Retour à l'accueil : idem l'erreur survient aléatoirement une fois sur la page d'accueil.

**david71** · 12/10/2010, 17h57

Avec IE Tester (version 6 du navigateur), je reproduis systématiquement les erreurs lors du retour à l'accueil, point 3).

Les messages d'erreur qui s'affichent lors du retour à l'accueil avec IE tester sont donnés dans les images 3 et 4.

**goldledoigt** · 12/10/2010, 18h19

La je sèche, je n'ai pas assez d'éléments pour te répondre quelque chose de constructif.
On peut voir le code de selectionClient.jsp ?

**david71** · 12/10/2010, 18h46

Le code de la JSP est le suivant :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:a4j="https://ajax4jsf.dev.java.net/ajax" xmlns:caceis="/WEB-INF/caceis" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:t="http://myfaces.apache.org/tomahawk" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{selectionClient.page1}" id="page1">
            <ui:html binding="#{selectionClient.html1}" id="html1">
                <ui:head binding="#{selectionClient.head1}" id="head1">
                    <ui:link binding="#{selectionClient.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{selectionClient.body1}" id="body1">
                    <ui:form binding="#{selectionClient.form1}" id="form1">
                        <ui:button action="#{selectionClient.btAdministration_action}" binding="#{selectionClient.btAdministration}"
                            disabled="#{!SessionBean1.administrateur}" id="btAdministration" style="left: 200px; top: 168px; position: absolute" tabIndex="2" text="Administration"/>
                        <ui:button action="#{selectionClient.btRefSi_action}" binding="#{selectionClient.btRefSI}" id="btRefSI"
                            style="left: 325px; top: 168px; position: absolute" tabIndex="3" text="Recherche par Réf. SI"/>
                        <ui:label binding="#{selectionClient.lib_nom}" id="lib_nom" style="left: 102px; top: 216px; position: absolute;" text="Nom du client :  "/>
                        <ui:label binding="#{selectionClient.lbListeClient}" id="lbListeClient" style="left: 102px; top: 276px; position: absolute;" text="Libellés émetteurs :"/>
                        <ui:dropDown action="#{selectionClient.recherche}" binding="#{selectionClient.ddListeClient}" id="ddListeClient"
                            items="#{SessionBean1.optionListeClient}" onChange="submit()" style="left: 242px; top: 276px; position: absolute;" tabIndex="6" valueChangeListener="#{selectionClient.dirtyListeCompte}"/>
                        <ui:button action="#{selectionClient.recherche}" binding="#{selectionClient.btRechercher}" id="btRechercher"
                            style="left: 102px; top: 320px; position: absolute;" styleClass="Btn2" text="Rechercher" visible="true"/>
                        <ui:button action="#{selectionClient.creer_action}" binding="#{selectionClient.btNouveauClient}"
                            disabled="#{!SessionBean1.nouveauclient}" id="btNouveauClient" style="left: 71px; top: 168px; position: absolute" tabIndex="1" text="Nouveau Client"/>
                        <!--<ui:image binding="#{selectionClient.image1}" id="image1" url="/resources/bandeauCaisct.gif"/>-->
                        <ui:image binding="#{selectionClient.image1}" id="image1" url="/resources/newbandeauCaceis.jpg"/>
                        <ui:label binding="#{selectionClient.label1}" id="label1" labelLevel="1"
                            style="color: rgb(159, 48, 71); font-size: 20px; left: 250px; top: 130px; position: absolute" text="Référentiel Clients Centralisé"/>
                        <ui:radioButtonGroup binding="#{selectionClient.radioButtons}" id="radioButtons"
                            items="#{selectionClient.radioButtonsDefaultOptions.options}" selected="1" style="left: 602px; top: 216px; position: absolute;"/>
                        <ui:table augmentTitle="false" binding="#{selectionClient.tbListeClient}" id="tbListeClient" lite="true"
                            style="left: 52px; top: 356px; position: absolute; width: 800px" title="Liste des clients" width="800">
                            <ui:tableRowGroup binding="#{selectionClient.tableRowGroup1}" id="tableRowGroup1" rows="10"
                                sourceData="#{SessionBean1.clientDataProvider}" sourceVar="currentRow">
                                <ui:tableColumn binding="#{selectionClient.tableColumn1}" headerText="Numéro émetteur" id="tableColumn1">
                                    <ui:staticText binding="#{selectionClient.staticText1}" id="staticText1" text="#{currentRow.value['CClient']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{selectionClient.tableColumn2}" headerText="Nom émetteur" id="tableColumn2" width="180">
                                    <ui:staticText binding="#{selectionClient.staticText2}" id="staticText2" text="#{currentRow.value['LClient']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{selectionClient.tableColumn3}" headerText="Autre nom" id="tableColumn3" width="180">
                                    <ui:staticText binding="#{selectionClient.staticText3}" id="staticText3" text="#{currentRow.value['LClient2']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{selectionClient.tableColumn5}" headerText="Code mère" id="tableColumn5">
                                    <ui:staticText binding="#{selectionClient.staticText4}" id="staticText4" text="#{currentRow.value['LCodeMere']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{selectionClient.tableColumn7}" headerText="Accès à Olis" id="tableColumn7">
                                    <ui:checkbox binding="#{selectionClient.checkbox1}" disabled="true" id="checkbox1" readOnly="true" selected="#{currentRow.value['IAccesOlis']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{selectionClient.tableColumn4}" headerText="Actif" id="tableColumn4">
                                    <ui:checkbox binding="#{selectionClient.checkbox2}" disabled="true" id="checkbox2" readOnly="true"
                                        selected="#{currentRow.value['IActif']}" selectedValue="#{SessionBean1.booleanTrue}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{selectionClient.tableColumn6}" id="tableColumn6">
                                    <ui:button action="#{selectionClient.modifier_action}" binding="#{selectionClient.button2}" id="button2" text="accéder"/>
                                </ui:tableColumn>
                            </ui:tableRowGroup>
                        </ui:table>
                        <ui:label binding="#{selectionClient.lbVersion}" id="lbVersion" style="font-size: 10px; left: 10px; top: 120px; position: absolute" text="V1.7.28p"/>
                        <h:messages binding="#{selectionClient.error}" errorClass="errorMessage" fatalClass="fatalMessage" id="error" infoClass="infoMessage"
                            style="position: absolute; left: 96px; top: 72px" warnClass="warnMessage"/>
                        <ui:textField binding="#{selectionClient.nom}" columns="50" id="nom" maxLength="50" style="left: 242px; top: 216px; position: absolute;" tabIndex="4"/>
                        <ui:label binding="#{selectionClient.lib_num_emetteur}" id="lib_num_emetteur" style="left: 102px; top: 246px; position: absolute;" text="Numéro émetteur : "/>
                        <ui:textField binding="#{selectionClient.numEmetteur}" columns="17" id="numEmetteur" maxLength="15"
                            style="left: 242px; top: 246px; position: absolute;" tabIndex="5"/>
                        <!--<a4j:commandButton action="#{selectionClient.recherche}" id="bt_recherche" ignoreDupResponses="true" reRender="tbListeClient"
                            style="left: 102px; top: 320px; position: absolute;" styleClass="Btn2" value="Rechercher"/>-->
                    </ui:form>
                    <caceis:error/>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>

Voilà je ne sais pas si cela t'aide mais merci tout de même pour ton aide.

**goldledoigt** · 12/10/2010, 19h12

Effectivement, ormis le fait que je n'y connais pas grand chose au Java, ton fichier jsp ne contient pas le code JavaScript exécuté par le broswer donc pas facile de se faire une idée.
Néanmoins, si je devais commencer par quelque chose je regarderais à quoi fait référence l'élément defaultButtonString dans le code, il n'est pas dans le fichier que tu as donné. Est-ce un objet, une fonction, une propriété dans quel cas y fait on appel...
La seconde chose qui me vient à l'esprit est le fait que ton erreur n'existe pas sous Firefox (on est d'accord ?) ce qui pourrait faire penser à un problème de DOM. IE cherche à accéder à un élément dans ta page qui n'existe pas, un bouton par exemple.
D'ailleurs as tu testé avec IE7 ou IE8 ?
Et puis au passage, sais-tu quelle version d'ExtJS est utilisée dans ton projet ?

**david71** · 13/10/2010, 10h44

L'élément defaultbuttonstring est contenu dans le jar webui.jar c'est le seul endroit où je retrouve l'élément de référencé.

Ext JS Library 1.0.1.

Sous IE 7 :
J'ai des problèmes d'affichage des boutons
Impossible de revenir à la page d'accueil --> écran blanc

Sous IE 8
Impossible de revenir à la page d'accueil --> écran blanc (cf. image jointe pour le message d'erreur affiché lors du retour à la page d'accueil)

**goldledoigt** · 13/10/2010, 12h06

Tu utilises la version 1.0.1 de la librairie ExtJS, tu sais qu'ils en sont à la version 3.3 en ce moment ?
Pour avoir utilisé la version 1.0.1 d'ExtJS il y a quelques années je peux te dire que passer à une version superieur est loin d'être une mauvaise idée. Après je ne sais pas si tu es en mesure de le faire dans ton projet. Mais si tu peux le faire, fais le.
Ensuite sous IE8 tu as un debugger presque digne de ce nom, tu y as accès en appuyant sur F12 je crois. Il met à disposition des développeurs une console et surtout un debugger pas à pas avec points d'arrêt afin de tracker les erreurs de code.

Développement web sous IE avec un tres vieille version d'ExtJS... bon courage

**david71** · 13/10/2010, 14h21

OK merci je vais voir ces deux points et te tiens au courant notamment le débogage sous IE 8.

**david71** · 13/10/2010, 16h10

Malheureusement l'erreur que j'ai sous IE 8 "org.ajax4jsf.framework.ajax.ajaxscript permission denied me paraît insolvable" ?

Ca me paraît vraiment curieux qu'on ait pas d'autres solutions.

J'ai posté une question à cet effet sur le forum AJAX.

Ext.EventObject est nul

Ext JS / Sencha

Discussions similaires

Partager

Partager