Discussion :

[davidovitch]

Bonjour à tous

Je suis tout nouveau sur ce forum et je n'ai pas trouvé solution à ma question. J'espère ne pas avoir mal cherché

Je test actuellement JSF/RICHFACES/FACELETS/SPRING/IBATIS et j'ai une question :
Dans mon cahier des charges, je dois pourvoir, au sein d'une datatable, modifier n'importe quelle donnée sans l'apparition d'une fenêtre quelconque.
Exemple, j'ai une ligne contenant :

TOTO|TATA|TITI|modifier

Les données de ma ligne sont "toto","tata","titi" et le bouton modifier sert a activer la modification de ces données.
Est-ce possible que lors du clic sur le bouton modifier, les champ de ma ligne qui étaient des outputtext deviennent des inputtext modifiable ? (les inputtext contiendrai évidement les anciennes valeur "toto","tata","titi"

Merci d'avance

[Sniper37]

avec rich:dataTable tu peux le faire.
tu peux essayer avec de petits exemples et si tu as des problème, on peut t'aider..

[romaintaz]

Bonjour et bienvenue à toi,

Vu que tu utilises RichFaces, je peux te conseiller de jeter un oeil sur le composant inplace input. Il s'agit d'un champ texte qui peut être modifié par un clic (ou double clic) dessus.
Tu peux également utiliser une datatable pour disposer tes champs. D'ailleurs dans le lien précédent, tu as un exemple où sont mélangés la datatable et des inplace inputs.

[davidovitch]

Bonjour et bienvenue à toi,

Vu que tu utilises RichFaces, je peux te conseiller de jeter un oeil sur le composant inplace input. Il s'agit d'un champ texte qui peut être modifié par un clic (ou double clic) dessus.
Tu peux également utiliser une datatable pour disposer tes champs. D'ailleurs dans le lien précédent, tu as un exemple où sont mélangés la datatable et des inplace inputs.

Bonjour, et merci de vos réponse rapides !

Effectivement, j'avais trouvé la démo de la richdatatable et de l'inplaceinput. Si il n'y avais que moi, pas de souci, c'est une méthode qui me convient. l'ennui, c'est mon cahier des charges

Il stipule que chaque ligne doit contenir un bouton supprimer (ça, c'est bon, je l'ai implémenté, ça fonctionne) et un bouton modifier.
C'est la que j'ai mon souci, c'est l'appui sur ce bouton modifier qui doit permettre la saisie d'informations sur la ligne sans l'apparition d'une popup.
L'exemple "Edit Table with ModalPanel" de la démo de la datatable ne s'applique donc pas.
De même, un double clic ne s'applique pas non plus

Ce que j'essaye de trouver actuellement, c'est une façon de faire a ce que l'inplaceinput ne soit pas modifiable sans avoir cliqué sur le bouton modifier. Une fois le clic sur ce bouton, l'inplaceinput deviendrai automatiquement un champ de texte. Peut être n'est-ce pas possible.

Je ne sais plus trop ou chercher de l'info

Si vous avez d'autre pistes, je suis prêt a creuser.

[romaintaz]

Bon, c'est dommage que tu ne puisses utiliser l'inplace input.

Toutefois, voici une solution qui pourrait aider :

Supposons que ta datatable itère sur des objets de classe Bidule.

Soit :

Code :

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

1
2
3
<rich:datatable value="#{monBean.bidules}" var="record" ...>
    ...
</rich:datatable>

Une idée serait que le bouton "modifier" change la valeur d'un flag au niveau de Bidule :

Code :

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

1
2
3
4
5
6
7
public class Bidule implements Serializable {
 
    ...
 
    private boolean enModification = false;
    // Ajout des getters / setters isEnModification() et setEnModification(boolean);
}

Dans la méthode liée au bouton de modification :

Code :

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

1
2
3
4
5
public void modifieLigne(ActionListener al) {
    // Tu récupères la table rich:datatable...
    Bidule b = (Bidule) table.getRowData();
    b.setEnModification(true);
}

Puis tu modifies le code de ta datatable :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<rich:datatable id="maTable" value="#{monBean.bidules}" var="record" ...>
    ...
    <rich:column>
        <f:facet name="header">Une colonne</f:facet>
        <h:outputText value="#{record.unTruc}" rendered="#{not record.enModification}"/>
        <h:inputText value="#{record.unTruc}" rendered="#{record.enModification}"/>
    </rich:column>
    <rich:column>
        <f:facet name="header">Actions</f:facet>
        <a4j:commandButton value="Modifier" actionListener="#{monBean.modifieLigne}" reRender="maTable"/>
    </rich:column>
</rich:datatable>

En gros, pour chaque colonne, tu as un outputText qui est affiché si, pour cet élément - le booléen enModification est à faux, ou un inputText s'il est à vrai.
Quant au bouton modifier, il réalise l'appel à la méthode modifieLigne en Ajax puis rafraichit la table.

Ca devrait pouvoir répondre à ton problème

[davidovitch]

Merci beaucoup pour cette réponse.
En effet, elle répond parfaitement à la problématique. je vais maintenant implémenter les autre solution évoquées (popup modale de modification, inplaceinput) et voir laquelle est la moins couteuse (développement et usage)

Merci encore romaintaz et Sniper37!