[RichFaces] Bug avec SuggestionBox dans dataTable

Version imprimable

05/12/2007, 15h18
albaille

[RichFaces] Bug avec SuggestionBox dans dataTable

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

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:

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:

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 ?

06/12/2007, 10h42
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 !

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:

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:

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...

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:

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 !

06/12/2007, 16h29
Sniper37

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

Code:

minChars="1"
06/12/2007, 16h36
romaintaz

Non, ça ne change rien.

Toutefois, ce problème du suggestion box qui n'apparait qu'à la 2e lettre n'est pas le plus grave. Le fait de ne pas comprendre du tout pourquoi elle n'apparait pas dans le cas de mon 1e code, là ça me dépasse !
06/12/2007, 16h41
Sniper37

Citation:

Envoyé par romaintaz

Non, ça ne change rien.

Toutefois, ce problème du suggestion box qui n'apparait qu'à la 2e lettre n'est pas le plus grave. Le fait de ne pas comprendre du tout pourquoi elle n'apparait pas dans le cas de mon 1e code, là ça me dépasse !

tu as essayé de l'inclure dans un a4j:region ou a4j:outputpanel?

tu utilise quel version de rich faces??
06/12/2007, 16h54
romaintaz

Non, l'ajout d'un a4j:region ou autre ne change rien au problème.

La version de RF utilisée est la 3.1.2...
06/12/2007, 16h55
romaintaz

D'ailleurs, pour celles et ceux qui ont une suggestion box dans une datatable (djo.mos par ex. il me semble), est-ce que ce bug se reproduit chez vous ?
06/12/2007, 17h12
Sniper37

j'ai lu dans le forum richfaces qu'il y'avait des problemes dans les premieres version de 3.1.2.
tu peux essayer avec la derniere version en snapshot.

jvé tester chez moi..si je comprend bien..tu veux utiliser un suggestionbox dans le header de dataTable?
06/12/2007, 17h22
djo.mos

Bonjour.

Citation:

Envoyé par romaintaz

D'ailleurs, pour celles et ceux qui ont une suggestion box dans une datatable (djo.mos par ex. il me semble), est-ce que ce bug se reproduit chez vous ?

J'ai testé tes deux bouts de codes et les deux marchent :P !
même celui ou les checkbox ne sont pas dans le header !
Y'a seulement le problème des deux charactères avant l'activation du SuggestionBox, mais pas tout le temps ...
Bref, c'est vrai que c'est un casse tête chinois.

N.B.: J'utilise RichFaces 3.1.2 SP1.

Je vais essayer de tester avec les snapshots de 3.1.3, voir 3.2.
06/12/2007, 17h31
romaintaz

Bon, je vais essayer avec la 3.1.2-SP1, mais je doute que ça change grand chose...
06/12/2007, 17h32
djo.mos

Citation:

Envoyé par djo.mos

Je vais essayer de tester avec les snapshots de 3.1.3, voir 3.2.

Fait :arrow: même comportement que la 3.1.3 SP1.
J'ai aussi fait quelques recherches dans le JIRA de RichFaces et pas de mention à ce problème, mais on est jamais certain.
Peut être qu'il va falloir en ouvrir un.

@Romain: Mets ta RF à jour (3.1.2 SP1), tu te débarrasseras au moins du 1er problème.
06/12/2007, 17h49
Sniper37

ils sont à la 3.1.3 SP.:roll:

j'ai vu le message sur le forum.ils sont assez réactif et si c'est un bug, ils vont te demander d'ouvrir un jira.
06/12/2007, 17h54
djo.mos

Citation:

Envoyé par Sniper37

ils sont à la 3.1.3 SP.:roll:

:koi:
Qui ?
06/12/2007, 18h42
Sniper37

Citation:

Envoyé par djo.mos

:koi:
Qui ?

rich-faces;) je pensais que tu as testé que le 3.1.2 SP

sinon je test chez moi version 3.1.3 SP. la suggestionBox dans le header d'une colonnes.avant j'vais à la place un selectOneMenu avec a4j support et ça l'air de fonctionner.

mais peut etre que je n'ai pas bien compris le probleme..!!
07/12/2007, 09h04
romaintaz

Hello,

Bon, je viens de tester avec la version 3.1.2.SP1 de Richfaces, le problème reste encore et toujours...

Sniper37> En fait, ce n'est pas en ayant un suggestionbox dans le header. Le suggestionbox se trouve dans le contenu d'une colonne. Cependant, là où ça pose problème, c'est que la 1e colonne de ma dataTable contient une checkbox dans la colonne, mais surtout dans le header et c'est ce checkbox qui me fait tout planter !

Tu peux retrouver le code qui plante dans mon post, page 1.

salut romaintaz!

je te présente le cas de mon test:

une dataTable avec la premiere colonne avec des boutons radio pour pouvoir selectionner une ou plusieurs lignes.
dans le header de la premiere colonne.j'ai opter pour un lien.qui permet de selectionner ou deselectionner toutes les lignes..
dans le contenu d'une colonne j'ai une suggestionBox..
et je n'ai pas remarqué un disfonctionnement ..
voilà un bout du 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
 
<rich:column id="index" style="width:10px">
<f:facet name="header">
<h:panelGroup>
<a4j:outputPanel rendered="#{fake.selectAll}"
id="select">
<a4j:commandLink value="No one"
action="#{fake.selectAllRows}"
reRender="table,unselect,select">
<a4j:actionparam assignTo="#{fake.selectAll}"
value="false" />
</a4j:commandLink>
</a4j:outputPanel>
<a4j:outputPanel rendered="#{!fake.selectAll}"
id="unselect">
<a4j:commandLink value="All" action="#{fake.selectAllRows}" reRender="table,select,unselect"> 
<a4j:actionparam assignTo="#{fake.selectAll}" value="true" />
</a4j:commandLink>
</a4j:outputPanel>
</h:panelGroup>
</f:facet>
<h:selectBooleanCheckbox value="#{list.selected}" id="radio">
</h:selectBooleanCheckbox>
</rich:column>

et la colonne de SuggestBox

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
 
<rich:column id="user">
<f:facet name="header">
<h:panelGroup>
<h:outputText styleClass="headerText" value="#{msg.label_user}" />
</h:panelGroup>
</f:facet>
<h:inputText value="#{fake.compagny}" id="textCompany" />
<rich:suggestionbox id="suggestionCompanyId" for="textCompany"
tokens=",[" rules="none"
suggestionAction="#{fake.autocompleteCompany}"
var="result" fetchValue="#{result.name}" rows="0" first="0"
minChars="1" shadowOpacity="5" border="1" width="200"
height="150" shadowDepth="0" cellpadding="5"
style="background-color:yellow" immediate="true">
 
<a4j:support event="onselect" reRender="client,users" action="#{fake.findClients}" ajaxSingle="false">
</a4j:support>
<h:column>
<h:outputText value="#{result.name}" />
</h:column>
</rich:suggestionbox>
<h:outputText value="#{list.user}" />
</rich:column>

je n'ai pas testé le button radio dans le header, j'utilisais dejà le lien..
si c'est ç qui peu poser probleme je vais le tester..

PS: j'ai la derniere version SP 3.1.3

07/12/2007, 11h13
romaintaz

Sniper37, merci pour ton test.
J'avais testé avec les radio boutons, ça passait, mais il est vrai que je n'avais pas de radio bouton dans l'entête de la colonne. Or, c'est vraiment le fait d'avoir un checkbox dans l'entête qui fait planter mes suggestionbox.

Nous sommes en plein déploiement ici, donc impossible pour moi de tester dans l'immédiat un radio bouton dans l'entête. Mais je teste ça dès que possible.

je n'arrive pa a reproduire le bug..

j'ai juste changé le lien par un booleancheckBox

Code:

1
2
3
4
5
6
<a4j:outputPanel rendered="#{fake.selectAll}"
id="select">
<h:selectBooleanCheckbox value="#{fake.selectAll}"></h:selectBooleanCheckbox>
</a4j:outputPanel>
<a4j:outputPanel rendered="#{!fake.selectAll}" id="unselect">				<h:selectBooleanCheckbox value="#{fake.selectAll}"></h:selectBooleanCheckbox>
</a4j:outputPanel>

bonne chance.
à++

07/12/2007, 14h07
romaintaz

Bon, en mettant des radios boutons dans le header de la colonne, ça fonctionne.
Donc le suggestion box est vraiment allergique chez moi au checkbox dans le header d'un tableau (même en plaçant cet élément dans un a4j:outputPanel).

Ce que je ne comprends pas, c'est que ça n'a aucun sens tout ça. Le code HTML dans le cas où ça ne marche pas n'a rien de magique ! C'est juste un petit input...
07/12/2007, 14h56
romaintaz

J'ai trouvé !

En réalité, si le checkbox de l'entête n'a pas de value définie, alors ça plante. Sinon, ça marche !

Bon, bizarre quand même...
07/12/2007, 15h00
djo.mos

Félicitations !
Tu veux dire qu'il suffit d'ajouter et de remplir l'attribut value du checkBox de l'entête pour que ça marche ?
07/12/2007, 15h10
Sniper37

ahh alalaaa donc ce n'ai pas un bug de richfaces 8-)..
07/12/2007, 15h13
djo.mos

Ben si voyons ! A moins que le fait de ne pas associer une valeur à un checkbox cause un suggestionbox de ne pas s'activer qu'au bout de deux charactères est normal :cfou:
07/12/2007, 15h38
Sniper37

Citation:

Envoyé par djo.mos

Ben si voyons ! A moins que le fait de ne pas associer une valeur à un checkbox cause un suggestionbox de ne pas s'activer qu'au bout de deux charactères est normal :cfou:

ahhh bizard.. ouiii
tu peu ouvrir un jira sur richfaces

Bon, en effet, en ajoutant le value dans mon selectBooleanCheckbox qui se trouve dans le header de ma colonne de la datatable, ça fonctionne !

Autrement dit, ça ça marche :
Code:

1 2 3 4 5 6 7 8 9 <rich:dataTable value="#{fake.elements}" var="elt"> <rich:column> <f:facet name="header"> <h:selectBooleanCheckbox value="#{fake.checked}"/> </f:facet> <h:selectBooleanCheckbox/> </rich:column> ...
Enfin, disons que j'ai résolu le problème du suggestion box qui n'apparait que pour la dernière ligne.
Cependant, cela ne corrige pas le problème du suggestion box qui ne s'affiche qu'au deuxième caractère pour les lignes qui ne sont pas la dernière.

Plus exactement, voici les scénarios (avec 3 lignes dans ma datatable):

Scenario #1:
Ligne1: 1e caractère: rien. 2e caractère: le suggestion box s'affiche.
Ligne2: 1e caractère: le suggestion box s'affiche.

Scenario #2:
Ligne2: 1e caractère: rien. 2e caractère: le suggestion box s'affiche.
Ligne1: 1e caractère: le suggestion box s'affiche.

Scenario #3:
Ligne3: 1e caractère: le suggestion box s'affiche.
Ligne1: 1e caractère: rien. 2e caractère: le suggestion box s'affiche.

En gros: Le suggestion box fonctionne très bien pour la ligne 3. Pour les autres lignes, il faut d'abord taper une fois "pour rien", et ensuite ils fonctionnent tous correctement.

Vraiment bizarre comme problème...

07/12/2007, 17h35
Sniper37

le probleme se produit pour IE et FF ??
07/12/2007, 17h38
romaintaz

Désolé, je ne suis pas sûr d'être en mesure de tester cela pour Firefox.
En effet, notre application est destinée uniquement à IE (choix de la boite), et l'application ne tourne quasiment pas sur FF :aie:
Je testerais toutefois lundi (le serveur d'identification ne tourne plus, impossible d'arriver sur la page de login).
07/12/2007, 17h49
Sniper37

Citation:

Envoyé par romaintaz

Désolé, je ne suis pas sûr d'être en mesure de tester cela pour Firefox.
En effet, notre application est destinée uniquement à IE (choix de la boite), et l'application ne tourne quasiment pas sur FF :aie:
Je testerais toutefois lundi (le serveur d'identification ne tourne plus, impossible d'arriver sur la page de login).

tu na pa donné tte l'architecture de ton appli..
tu utilise quoi avec richfaces?
10/12/2007, 08h46
romaintaz

Hello,

Au niveau architecture, j'utilise JSF 1.2, RichFaces 3.1.2, El-Functor, Tomahawk (mais très partiellement, juste pour avoir le fileupload, en attendant que RF le propose), les Facelets et Weblets. Après, plein de librairies, mais pas forcément liées à JSF...

Sinon, j'ai fait le test avec Firefox, et le bug est reproduit. Donc ce n'est pas une "feature I.E." ;)