Discussion :

[totofe]

Bonjours,

Comment faire apparaitre un modal panel lors d'un drag and drop?

j'ai réussi à faire apparaître le modalPanel en cliquant sur un lien mais pas en le mettant sur l'action dropListener.

Et je voudrais que en fonction des item que l'on drop le panel n'affiche pas les même info voir ne s'affiche pas du tout.

Comment je pourrais effectuer cette manip?

[Sniper37]

tu peux lancer la pop up dans le oncomplete.

[totofe]

Merci pour ta réponse très rapide.
J'ai essayé quelque truc mais sans succès voila ca que j'ai:

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:composition>
      <h:form>
        <rich:tree id="tree" switchType="client" style="position:absolute; width:300px; border:solid black 1px;" value="#{SimpleTreeDndBean.dataC}"  var="item"
                   dragIndicator="indicator2" treeNodeVar="treeNode" nodeFace="#{item.type!=0 ? 'item' : 'node'}">
          <rich:treeNode type="item" dragType="item" dragValue="#{item}">
               <h:outputText value="#{item.nom}" />
               <rich:dndParam name="label" type="drag" value="item #{item.nom}">#{item.nom}</rich:dndParam>
          </rich:treeNode>
    </rich:tree>
 
<a4j:outputPanel layout="block">
  <rich:dropSupport acceptedTypes="item" dropListener="#{SimpleTreeDndBean.dropListener}" oncomplete="if(item.type!=1){Richfaces.showModalPanel('pnlParamRex');}" reRender="treeC" />
  <rich:tree id="treeC" switchType="client" style="position:absolute; width:300px; height:300px; left:500px; border:solid black 1px;" value="#{SimpleTreeDndBean.treeC}"  var="item" dragIndicator=":treeCDragIndicator" dropListener="#{SimpleTreeDndBean.dropListener}" nodeFace="item">
  <rich:treeNode type="item"  acceptedTypes="item"  dragType="item" dragValue="#{item}">
               <h:outputText value="#{item.nom} (#{item.comptage})" />
              <rich:dndParam name="label" type="drag" value="item #{item.nom}">#{item.nom}</rich:dndParam>
           </rich:treeNode>
 
    </rich:tree>
 
  </a4j:outputPanel>
          <a style="position:absolute; left:900px;" onclick="Richfaces.showModalPanel('pnlParamRex');" href="#">Show ModalPanel</a>
 
<a4j:form>
 
    <rich:modalPanel id="pnlParamRex">
 
        <f:facet name="header">
 
            <h:outputText value="This is a panel header" />
 
        </f:facet>
 
        <p>The &lt;rich:modalPanel&gt; accepts different types of information:
 
        from simple text to iterative components such as &lt;rich:dataTable&gt;, etc.
 
        </p>
 
        <a onclick="Richfaces.hideModalPanel('pnlParamRex');" href="#">Hide</a>
 
    </rich:modalPanel>
 
</a4j:form>
 
 
        </h:form>
 
 
</ui:composition>

Donc dans la balise <rich:dropSupport> j'ai ajouter un oncomplete. Si je met pas la condition if le modalpanel s affiche bien pour tous les items.
Le souci je voudrai qu'il s'affiche pour tous les items qui ont un type différent de 1.

[Sniper37]

le problème vient du test if.

la modalPanel dispose d'un attribut showWhenRendered qui permet de lancer ou pas la popup si tu as accès au bean sélectionné tu peux donner la valeur vrai ou faux à un booléen suivant le type du item sélectionné.

[totofe]

Merci j'ai réussi en créant un boolean dans le bean. Que je modifie dans la fonction dropListener.
Ensuite j'ai ajouter la méthode showWhenRendered="#SimpleTreeDndBean.showModalPanel}"


Et comment doit-je faire pour afficher différent type d'information dans le panel en fonction du type d'item?

[Sniper37]

il suffit de mettre les infos dans un bean avec getter et setter et c'est bon.