Wednesday, February 6, 2013

JSF CommandLink JQuery Call To BootStrap Modal

JSF h:commandLink with JQuery onclick BootStrap modal.

<h:commandLink onclick="$('#myModal1').modal('show'); return false;" value="Launch Modal"/>


Modal

<br />
<div class="modal hide fade" id="Modal" style="display: none;">
<div class="modal-header">
<a class="close" data-dismiss="modal" href="http://www.blogger.com/blogger.g?blogID=5930143319420917182#">×</a>
              <br />
<h3>
Action!</h3>
</div>
<div class="modal-body">
Item Name: #{item.name}<br />
Item Location: #{item.name2}</div>
<div class="modal-footer">
<a class="btn" data-dismiss="modal" href="#">Cancel</a>
           
              <h:commandlink action="#{bean.method}" styleclass="btn btn-danger btn-small" value="Delete">
            </h:commandlink></div>
</div>

1 comment: