<p:commandButton styleClass="btn btn-info" value="Boto" data-toggle="modal" datatarget="#dlg2" onclick="PF('dlg2').

show();" data-backdrop="static"></p:commandB
utton>
<div class="btn-group">
<button class="btn btn-danger" data-toggle="modal" data-target="#dlg2" onclick
="PF('dlg2').show();" data-backdrop="static"> teste</button>
</div>
<div class="form-group">
<p:dialog header="Pesquisa de Produto" widgetVar="dlg2" modal="true" height="100
">

<h:form id="form">
<!--Campo Nome -->
<label class="control-label col-sm-1" for="nome">NOME:</label>
<div class="col-sm-6 col-md-6 col-lg-7 ">
<h:inputText class="form-control" id="nome" placeholder="DIGITE
O NOME" value="#{gerirReferenciaComercialBEAN.ref.strreferencia}"/>
<a href="" >
<h:commandLink styleClass="btn btn-success" action="#{gerirRefe
renciaComercialBEAN.listagem()}">
<span>PESQUISAR</span>
</h:commandLink>
</a>
</div><br/><br/><br/>
<p:growl id="msgs" showDetail="true" />
<p:dataTable id="eventsDT" var="car" value="#{gerirReferenciaComercialBEAN.l
streferencia}" selectionMode="single" selection="#{geri}" rowKey="#{car.intidref
erencia}">
<f:facet name="header">
LISTAGEM REFERNCIAL COMERCIAL
</f:facet>
<!-- p:ajax event="rowSelect" listener="#{dtSelectionView.onRowSelect}"
update=":form:msgs" />
<p:ajax event="rowUnselect" listener="#{dtSelectionView.onRowUnselect}"
update=":form:msgs" /> -->
<p:column headerText="IDENTIFICADOR">
<h:outputText value="#{car.intidreferencia}" />
</p:column>
<p:column headerText="EMPRESA">
<h:outputText value="#{car.strreferencia}" />
</p:column>
<p:column headerText="TELEFONE">
<h:outputText value="#{car.strtelefone}" />
</p:column>
<p:column headerText="CIDADE">
<h:outputText value="#{car.strcidade}" />
</p:column>
</p:dataTable>

<p:dialog header="Car Info" widgetVar="carDialog" modal="true" showEffec

t="fade" hideEffect="fade" resizable="false">
<p:outputPanel id="carDetail" style="text-align:center;">
<p:panelGrid columns="2" rendered="#{not empty dtSelectionView.sele
ctedCar}" columnClasses="label,value">
<f:facet name="header">
<p:graphicImage name="demo/images/car/#{dtSelectionView.sele
ctedCar.brand}-big.gif"/>
</f:facet>
<h:outputText value="Id:" />
<h:outputText value="#{dtSelectionView.selectedCar.id}" />
<h:outputText value="Year" />
<h:outputText value="#{dtSelectionView.selectedCar.year}" />
<h:outputText value="Color:" />
<h:outputText value="#{dtSelectionView.selectedCar.color}" style
="color:#{dtSelectionView.selectedCar.color}"/>
<h:outputText value="Price" />
<h:outputText value="$#{dtSelectionView.selectedCar.price}" />
</p:panelGrid>
</p:outputPanel>
</p:dialog>
<p:dialog header="Selected Cars" widgetVar="multiCarDialog" modal="true" sho
wEffect="fade" hideEffect="fade" resizable="false" width="200">
<p:outputPanel id="multiCarDetail" style="text-align:center;">
<ui:repeat value="#{dtSelectionView.selectedCars}" var="car">
<h:outputText value="#{car.id} - #{car.brand}" style="display:bl
ock"/>
</ui:repeat>
</p:outputPanel>
</p:dialog>
</h:form>
</p:dialog>
</div>