Discussion :

[Pakiam]

Bonjour à tous !

Mon problème est le suivant. Lors de la validation d'un formulaire, après persistance en base, je désactive tous les champs du formulaire (lecture seule).
Lorsque je recharge la page (en lançant un nouvel explorateur par exemple) elle s'affiche dans le mode lecture seule (post validation du formulaire). Les champs sont bien vides mais non accessibles.

Comment faire pour réinitialiser les champs dans ce cas précis ?

[Shivan]

J'ai pas bien compris ton probléme. tu désactive tes champs comment (avec quelle code ? tu passe les tags jsf en ReadOnly=true ? tu fais ça en javascript ? ).

Lorsque je recharge la page (en lançant un nouvel explorateur par exemple)

C'est à dire en ouvrant une nouvelle session ?

Reinitialiser = les rendre accessible c'est bien ça ?

Tes champs sont des <h:inputText> ?

[Pakiam]

Pardon pour le manque de précision, je vais tenter d'être plus clair.

Tout d'abord j'utilise Java Studio Creator pour la création de mes pages JSF.

1 - Mon formulaire permet la saisie de plusieurs informations (cf. code 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
 
<ui:form binding="#{create.form1}" id="form1">
                        <h:panelGrid binding="#{create.page}" cellpadding="10" id="page" style="width: 100%">
                            <h:panelGrid binding="#{create.withMenuGridPanel}" columns="2" id="withMenuGridPanel" style="width: 100%; height: 100%;">
                                <div>
                                    <jsp:directive.include file="menu.jspf"/>
                                </div>
                                <h:panelGrid binding="#{create.allFormGridPanel}" id="allFormGridPanel" style="left: 20%; right: 20%; top: 0px; position: relative; width: 60%">
                                    <h:panelGrid binding="#{create.problem_information}" columns="2" id="problem_information" style="right: 20%; width: 60%">
                                        <ui:label binding="#{create.managerLabel}" id="managerLabel" text="Responsable" toolTip="Responsable du suivi de la correction"/>
                                        <ui:dropDown binding="#{create.managerDropDown}" converter="#{create.managerDropDownConverter}" id="managerDropDown"
                                        items="#{create.res_resourceDataProvider.options['res_resource.RES_ID,res_resource.RES_NUMBER']}" required="true" selected="#{ProductionProblem.managerId}"/>
                                        <ui:label binding="#{create.resolverLabel}" id="resolverLabel" text="Correcteur" toolTip="Intervenant ME associée à la correction"/>
                                        <ui:dropDown binding="#{create.resolverDropDown}" converter="#{create.resolverDropDownConverter}" id="resolverDropDown"
                                        items="#{create.res_resourceDataProvider.options['res_resource.RES_ID,res_resource.RES_NUMBER']}" required="true"
                                        selected="#{ProductionProblem.ressourceId}" valueChangeListener="#{create.resolverDropDown_processValueChange}"/>
                                        <ui:label binding="#{create.numberLabel}" for="numberTextField" id="numberLabel" text="Numéro" toolTip="Numéro d'identification"/>
                                        <ui:textField binding="#{create.numberTextField}" id="numberTextField" required="true" text="#{ProductionProblem.number}"/>
                                        <ui:label binding="#{create.synoLabel}" for="synoTextField" id="synoLabel" text="Synopsis" toolTip="Résumé"/>
                                        <ui:textField binding="#{create.synoTextField}" id="synoTextField" required="true" text="#{ProductionProblem.synopsis}"/>
                                        <ui:label binding="#{create.detectionDateLabel}" for="detectionCalendar" id="detectionDateLabel" text="Date de détection"/>
                                        <ui:calendar binding="#{create.detectionCalendar}" columns="10" dateFormatPattern="dd/MM/yyyy" id="detectionCalendar"
                                        maxDate="#{ApplicationBean1.maxDate}" minDate="#{ApplicationBean1.minDate}" required="true"
                                        selectedDate="#{ProductionProblem.detectionDate}" validator="#{create.detectionCalendar_validate}"/>
                                        <ui:label binding="#{create.resolutionDateLabel}" for="resolutionCalendar" id="resolutionDateLabel" text="Date de résolution"/>
                                        <ui:calendar binding="#{create.resolutionCalendar}" columns="10" id="resolutionCalendar" selectedDate="#{ProductionProblem.resolutionDate}"/>
                                        <ui:label binding="#{create.descriptionLabel}" for="descriptionTextArea" id="descriptionLabel" text="Description"/>
                                        <ui:textArea binding="#{create.descriptionTextArea}" id="descriptionTextArea" required="true" rows="10" text="#{ProductionProblem.description}"/>
                                        <ui:label binding="#{create.problemTypeLabel}" for="problemtypeDropDown" id="problemTypeLabel" text="Type de problème"/>
                                        <ui:dropDown binding="#{create.problemtypeDropDown}" converter="#{create.problemtypeDropDownConverter}"
                                        id="problemtypeDropDown"
                                        items="#{create.ppt_production_problem_typeDataProvider.options['ppt_production_problem_type.PPT_ID,ppt_production_problem_type.PPT_NAME']}"
                                        required="true" selected="#{ProductionProblem.problemType}"/>
                                        <ui:label binding="#{create.applicationLabel}" for="applicationDropDown" id="applicationLabel" text="Application"/>
                                        <ui:dropDown binding="#{create.applicationDropDown}" converter="#{create.applicationDropDownConverter}"
                                        id="applicationDropDown"
                                        items="#{create.app_applicationDataProvider.options['app_application.APP_ID,app_application.APP_NAME']}"
                                        required="true" selected="#{ProductionProblem.applicationId}"/>
                                        <ui:label binding="#{create.releaseLabel}" for="releaseDropDown" id="releaseLabel" text="Release"/>
                                        <ui:dropDown binding="#{create.releaseDropDown}" converter="#{create.releaseDropDownConverter}" id="releaseDropDown"
                                        items="#{create.rel_releaseDataProvider.options['rel_release.REL_ID,rel_release.REL_NAME']}" required="true"
                                        selected="#{ProductionProblem.releaseId}" valueChangeListener="#{create.releaseDropDown_processValueChange}"/>
                                    </h:panelGrid>
                                    <ui:button action="#{create.createButton_action}" binding="#{create.createButton}" id="createButton"
                                    style="left: 20%; right: 20%; position: relative; width: 47px" text="Créer"/>
                                </h:panelGrid>
                            </h:panelGrid>
                            <ui:messageGroup binding="#{create.messageGroup1}" id="messageGroup1"/>
                        </h:panelGrid>
</ui:form>

2 - Lorsque l'utilisateur clique sur le bouton saisir, le bean associé à la page persiste les données en base et place les composants dans l'état ReadOnly (cf. code ci-dessous).

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
 
    public String createButton_action() {
        // Appel au DM
        ProductionProblemDM tDM = new ProductionProblemDM();
        try {
            this.getProductionProblem().setId(tDM.create(this.getProductionProblem()));
            // Désactivation de tous les champs
           this.getResolverDropDown().setDisabled(false);
           this.getManagerDropDown().setDisabled(false);
           this.getNumberTextField().setDisabled(false);
           this.getSynoTextField().setDisabled(false);
           this.getDetectionCalendar().setDisabled(false);
           this.getResolutionCalendar().setDisabled(false);
           this.getDescriptionTextArea().setDisabled(false);
           this.getProblemtypeDropDown().setDisabled(false);
           this.getApplicationDropDown().setDisabled(false);
           this.getReleaseDropDown().setDisabled(false);
           this.getCreateButton().setVisible(false);
        } catch(Exception tEx) {
            error("Impossible d'ins\351rer l'anomalie \n" + tEx.getMessage());
        }
 
        return null;
    }

Jusque la tout fonctionne correctement. Les champs se grisent et toute saisie est interdite.

3 - Lorsque (via un lien ou la saisie de l'url dans la barre d'adresse), je retourne sur la page de saisie, l'état des champs n'est pas réinitialisé. Ils ne sont plus accessibles en écriture bien que vides de leur contenu.

Ma question : Comment remettre rendre l'accessibilité des champs en écriture ?

Merci de votre collaboration !

[Alwin]

Il m'est avis que tu utilise FireFox !
Essaye d'utiliser IE pour voir ce que cela donne

Attention, n'utilise pas de nouvelle fenêtre d'IE mais bien une nouvelle instance (re double click sur ton lien IE)