Öffnen Sie materialisieren modal, indem Sie auf jsf commandButton

Question

Ich möchte eine outputText innerhalb einer modal setzen, die geöffnet wird, wenn ein commandButton geklickt wird. mit materialisieren mit JSF

Answer 1

Sie können versuchen, diese den Tag mit

$(document).ready(function(){ 
    // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered 
    $('.modal-trigger').leanModal(); 
    }); 

diese nicht funktioniert jedoch und ich gerade erst begonnen:

ich diesen Code versucht:

<div class="row section"> 
    <div class="col"> 
    <!-- Modal Trigger --> 
    <h:commandButton value="submit" class="waves-effect waves-light btn modal-trigger" href="#modal1" action="#{someBean.someMethod}" />         
    </div> 
</div> 
<!-- Modal Structure --> 
<div id="modal1" class="modal"> 
    <div class="modal-content"> 
    <h:outputText value="#{someBean.someData}" /> 
    </div> 
    <div class="modal-footer"> 
    <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Agree</a> 
    </div> 
</div> 

Und js Dekoration.

legen zum ui: Zusammensetzung der xmlns: JSF = "http://xmlns.jcp.org/jsf"

nach, verwenden Sie die html 'ein' Tag

div class="row section"> 
    <div class="col"> 
    <!-- Modal Trigger --> 
    <a href="#modal1" jsf:actionListener="#{someBean.someMethod}"> 
     <i class="material-icons">view_list</i> 
     <p:ajax update="modal1" /> 
    </a>         
    </div> 
</div> 
<!-- Modal Structure --> 
<div id="modal1" class="modal"> 
    <div class="modal-content"> 
    <h:outputText value="#{someBean.someData}" /> 
    </div> 
    <div class="modal-footer"> 
    <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Agree</a> 
    </div> 
</div>