Discussion :

[albaille]

Bonjour,

J'ai implémenté une suggestionbox dans un tableau.
J'ai un bouton Add permettant d'ajouter une ou plusieurs lignes à la fois dans le tableau.

Si on ajoute une ligne, la suggestionbox marche parfaitement

Par contre, si on ajoute 2 lignes en une passe, la suggestionBox de la deuxième ligne marche mais celle de la premiere ne s'affiche pas.

Avez vous des idées?

Merci d'avance

[romaintaz]

Bon, j'ai repris le problème en main.
Là, je bute toujours sur ce problème plus que louche !

J'ai réussi à faire fonctionner l'ensemble dans certaines conditions (non satisfaisantes), mais j'ai un souci énorme quand même avec ces suggestion boxes.
Nous utilisons la dataTable de RichFaces, et en plus de cela, je positionne des checkboxes en tête de ligne pour permettre la sélection multiple de lignes, chose qui fonctionne habituellement très bien.

Voilà un code qui va fonctionner :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<rich:dataTable id="table" value="#{myBean.trucs}">
    <rich:column>
        <f:facet name="header">
            <rich:spacer/>
        </f:facet>
        <h:selectBooleanCheckbox/>
    </rich:column>
    ... // Autres colonnes, dont celle contenant la suggestion box.
</rich:dataTable>

Voilà le code qui ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<rich:dataTable id="table" value="#{myBean.trucs}">
    <rich:column>
        <f:facet name="header">
            <h:selectBooleanCheckbox/>
        </f:facet>
        <h:selectBooleanCheckbox/>
    </rich:column>
    ... // Autres colonnes, dont celle contenant la suggestion box.
</rich:dataTable>

La seule différence ? La présence d'une checkbox dans l'entête de la colonne !!!
Le comportement est vraiment bizarre en plus : Si j'ai trois lignes sur ma dataTable, seule la suggestion box de la 3e ligne va fonctionner normalement, mais pas celles des 2 premières...

Une idée sur ce truc vraiment bizarre ?

[romaintaz]

Précision qui a son importance :

Quand on dit que ça ne marche pas sur les premières lignes du tableau, je dirais plutôt que la suggestion box ne s'affiche pas. En effet, tout semble correct : la méthode sur le bean est bien appelée, et en utilisant IE Developper Toolbar, je vois que le DIV et la IFRAME (créée que pour les navigateurs IE) sont bien créés pour la suggestion, mais la boite de suggestion ne s'affiche pas !

[romaintaz]

Bon, j'ai posté mon problème sur le forum de RichFaces, parce que là, ça dépasse l'entendement.

Voici le code qui marche :

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
 
<h:form>
    <rich:dataTable value="#{fake.elements}" var="elt">
        <rich:column>
            <f:facet name="header">
                <rich:spacer/>
            </f:facet>
            <h:selectBooleanCheckbox/>
        </rich:column>
        <rich:column>
            <f:facet name="header">
                <h:outputText value="Description"/>
            </f:facet>
            <h:inputText id="sugg" value="#{elt.description}" styleClass="std"/>
            <rich:suggestionbox height="200" width="200" for="sugg" suggestionAction="#{fake.autocomplete}" var="suggest">
                <h:column>
                    <h:outputText value="#{suggest.description}"/>
                </h:column>
            </rich:suggestionbox>
        </rich:column>
    </rich:dataTable>
</h:form>

et celui qui ne marche pas :

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
 
<h:form>
    <rich:dataTable value="#{fake.elements}" var="elt">
        <rich:column>
            <f:facet name="header">
                <h:selectBooleanCheckbox/>
            </f:facet>
            <h:selectBooleanCheckbox/>
        </rich:column>
        <rich:column>
            <f:facet name="header">
                <h:outputText value="Description"/>
            </f:facet>
            <h:inputText id="sugg" value="#{elt.description}" styleClass="std"/>
            <rich:suggestionbox height="200" width="200" for="sugg" suggestionAction="#{fake.autocomplete}" var="suggest">
                <h:column>
                    <h:outputText value="#{suggest.description}"/>
                </h:column>
            </rich:suggestionbox>
        </rich:column>
    </rich:dataTable>
</h:form>

La seule différence réside dans le header de la colonne contenant les checkboxes...

[romaintaz]

C'est marrant cette erreur, parce qu'en écrivant d'abord toutes les entêtes, puis ensuite les contenus des colonnes, ça fonctionne à peu près (excepté que pour les lignes de 1 à N-1, le suggestion box ne s'affiche qu'après 2 lettres tapées). Autrement dit avec ce code, ça fonctionne :

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
<h:form>
    <rich:dataTable value="#{fake.elements}" var="elt">
        <f:facet name="header">
            <rich:columnGroup>
                <rich:column>
                    <h:selectBooleanCheckbox/>
                </rich:column>
                <rich:column>
                    <h:outputText value="Description"/>
                </rich:column>
            </rich:columnGroup>
        </f:facet>
 
        <rich:column>
            <h:selectBooleanCheckbox/>
        </rich:column>
        <rich:column>
            <h:inputText id="sugg" value="#{elt.description}" styleClass="std"/>
            <rich:suggestionbox height="200" width="200" for="sugg" suggestionAction="#{fake.autocomplete}" var="suggest">
                <h:column>
                    <h:outputText value="#{suggest.description}"/>
                </h:column>
            </rich:suggestionbox>
        </rich:column>
    </rich:dataTable>
</h:form>

Franchement, si quelqu'un a une idée du problème, il aura ma reconnaissance éternelle jusqu'à la fin de la semaine !

[Sniper37]

et si tu force le nombre de caractere à 1.. dans la suggestionBox?

Code :

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

minChars="1"