Quero selecionar um cargo em um inplaceSelect e, com ajax, mostrar uma lista de colaboradores desse cargo em um dataTable.
<s:decorate id="cargoField" template="/layout/edit.xhtml">
<ui:define name="label">Cargo </ui:define>
<rich:inplaceSelect defaultLabel="Selecione um cargo"
openOnEdit="true" editEvent="onclick" layout="block"
viewClass="inplace" changedClass="inplace"
controlHoverClass="hover" viewHoverClass="hover"
selectWidth="200px;" id="selectCargo"
value="#{controleEstacionamento.colaborador}"
onchange="javascript:submit()">
<s:selectItems
value="#{cargoManagedBean.listarCargosSelectOneMenu()}"
var="_cargo" label="#{_cargo.nomeCargo}">
</s:selectItems>
</rich:inplaceSelect>
</s:decorate>
</rich:panel>
</h:form>
<h:form id="form2" styleClass="edit" rendered="#{controleEstacionamento.colaborador != null}">
<rich:panel>
<rich:dataTable id="colaboradores" var="_colaboradores"
value="#{controleEstacionamentoManagedBean.listarCargoPorControleEstacionamento()}"
rendered="#{controleEstacionamento.colaborador != null}" >
<rich:column>
<f:facet name="header">
<h:outputText value="Colaboradores" />
</f:facet>
<h:outputText value="#{_colaboradores.pessoa.nome}" />
</rich:column>
</rich:dataTable>