Doubts about RichFaces with Jquery.
joncmuniz Sep 30, 2010 12:10 PMI'm trying to disable an inputText when a comboBox has a certain value.
If i use:
<rich:jQuery selector="[id$=selectEmpresa]" query="change(function() { alert(jQuery('#formAcademia:selectEmpresa option:selected').text());})"/> It returns the values of all selected comboBox.
The part that I want to do that is bold.
How can I do this?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:t="http://myfaces.apache.org/tomahawk" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:rich="http://richfaces.org/rich" xmlns:a4j="http://richfaces.org/a4j" xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition template="templates/template.xhtml"> <ui:define name="customScripts"> <a4j:loadScript src="/js/jquery.meio.mask.min.js" /> </ui:define> <ui:define name="caminhoFuncionalidade" class="txt_titulo"> Condicionamento Físico <img height="15" width="15" class="seta marginLeft05" src="imagens/seta.gif" /> <span class="marginLeft05">Cadastros</span> <img height="15" width="15" class="seta marginLeft05" src="imagens/seta.gif" /> <h:commandLink action="consultarAcademia" styleClass="id_pagina marginLeft05" value="Academia" /> </ui:define> <ui:define name="body"> <h:form id="formAcademia"> <ul class="lista_form"> <li><span class="span_linha"> <h:outputLabel value="Período" styleClass="txt_label" for="periodoInicial" /> </span> <span class="span_left"> <rich:calendar id="periodoInicial" inputClass="campo" label="Período Inicial" enableManualInput="true" datePattern="dd/MM/yyyy" inputSize="10" value="#{manterAcademiaMB.filtro.dataInicio}"/> <rich:jQuery selector="[id$=periodoInicialInputDate]" query="setMask({mask:'39/19/9999',maxLength: 10})" /> </span> <span class="span_left"> <h:outputLabel value="até" styleClass="txt_label input_largura080 marginLeft05 marginRigth05" for="periodoFinal" /> </span> <span class="span_left"> <rich:calendar id="periodoFinal" inputClass="campo marginLeft05" label="Período Final" enableManualInput="true" datePattern="dd/MM/yyyy" inputSize="10" value="#{manterAcademiaMB.filtro.dataFim}" /> <rich:jQuery selector="[id$=periodoFinalInputDate]" query="setMask({mask:'39/19/9999',maxLength: 10})" /> </span></li> </ul> <ul class="lista_form"> <li class="li_largura120"><span class="span_left span_linha"> <h:outputLabel value="Empresa" styleClass="txt_label" for="selectEmpresa" /> </span> <span class="span_left"> <h:selectOneMenu id="selectEmpresa" onchange="document.getElementById('formAcademia:processando_op').style.visibility='visible';submit();" label="Empresa" styleClass="campo input_largura100" valueChangeListener="#{manterAcademiaMB.alterarEmpresaConsulta}" value="#{manterAcademiaMB.filtro.orgaoMenor.empresa.id}"> <f:selectItem itemLabel="Selecione" itemValue="" /> <t:selectItems value="#{manterAcademiaMB.empresas}" var="empresa" itemLabel="#{empresa.descricaoIBM}" itemValue="#{empresa.id}" /> <a4j:support reRender="textUnidade" event="onchange" ajaxSingle="true" /> </h:selectOneMenu> </span></li> <li class="li_largura120"><span class="span_left span_linha"> <h:outputLabel value="Unidade Cliente" styleClass="txt_label" for="textUnidade" /> </span> <span class="span_left"> <h:inputText value="#{manterAcademiaMB.filtro.orgaoMenor.sigla}" disabled="true" id="textUnidade" size="40" label="Unidade Cliente" maxlength="100" styleClass="campo input_largura230" /> <rich:suggestionbox id="selectUnidade" for="textUnidade" suggestionAction="#{manterAcademiaMB.autoCompleteUnidadeConsulta}" var="unidade" fetchValue="#{unidade.sigla}" rows="20" width="240" minChars="2"nothingLabel="Nenhuma unidade encontrada para a empresa selecionada" columnClasses="center" usingSuggestObjects="true"> <h:column> <h:outputText value="#{unidade.sigla}" /> </h:column> <a4j:support event="onselect" ajaxSingle="true" reRender="desc"> <f:setPropertyActionListener value="#{unidade}" target="#{manterAcademiaMB.filtro.orgaoMenor}" /> </a4j:support> </rich:suggestionbox> </span></li> <rich:jQuery selector="[id$=selectEmpresa]" query="change(function() { alert(jQuery('#formAcademia:selectEmpresa option:selected').text());})"/> </ul> <ul class="lista_form"> <li class="li_largura320"><span class="span_left span_linha"> <h:outputLabel value="Nome" styleClass="txt_label" for="txt_nome" /> </span> <span class="span_left"> <h:inputText id="txt_nome" size="30" styleClass="campo input_largura300" maxlength="50" value="#{manterAcademiaMB.filtro.academia.nome}" /> </span></li> <li class="li_largura160"><span class="span_left span_linha"> <h:outputLabel value="Tipo" styleClass="txt_label" for="selectTipo" /> </span> <span class="span_left"> <h:selectOneMenu id="selectTipo" label="Tipo" styleClass="campo input_largura140" value="#{manterAcademiaMB.filtro.academia.tipo}"> <f:selectItem itemLabel="Selecione" itemValue="" /> <t:selectItems value="#{manterAcademiaMB.tiposAcademias}" var="tipo" itemLabel="#{tipo.descricao}" itemValue="#{tipo}" /> </h:selectOneMenu> </span></li> <li class="li_largura200"><span class="span_left span_linha"> <h:outputLabel value="Classificação" styleClass="txt_label" for="selectClassificacao" /> </span> <span class="span_left"> <h:selectOneMenu id="selectClassificacao" label="Tipo" styleClass="campo input_largura160" value="#{manterAcademiaMB.filtro.classificacao}"> <f:selectItem itemLabel="Selecione" itemValue="" /> <t:selectItems value="#{manterAcademiaMB.classificacoesAcademias}" var="classificacao" itemLabel="#{classificacao.descricao}" itemValue="#{classificacao}" /> </h:selectOneMenu> </span></li> </ul> <ul class="lista_form"> <li class="li_largura120"><span class="span_left span_linha"> <h:outputLabel value="Situação" styleClass="txt_label" for="txt_situacao" /> </span> <span class="span_left"> <h:selectOneMenu id="selectSituacao" label="Situação" styleClass="campo input_largura100" value="#{manterAcademiaMB.filtro.academia.situacao}"> <f:selectItem itemLabel="Selecione" itemValue="" /> <t:selectItems value="#{manterAcademiaMB.situacoesAcademias}" var="situacao" itemLabel="#{situacao.descricao}" itemValue="#{situacao}" /> </h:selectOneMenu> </span></li> <li class="li_largura120"><span class="span_left span_linha"> <h:outputLabel value="Estado" styleClass="txt_label" for="selectEstado" /> </span> <span class="span_left"> <h:selectOneMenu id="selectEstado" label="Estado" styleClass="campo input_largura100" converter="EstadoPkConverter" valueChangeListener="#{manterAcademiaMB.alterarEstadoConsulta}" value="#{manterAcademiaMB.filtro.estado.id}"> <f:selectItem itemLabel="Selecione" itemValue="" /> <t:selectItems value="#{manterAcademiaMB.estados}" var="estado" itemLabel="#{estado.id.id}" itemValue="#{estado.id}" /> <a4j:support reRender="selectMunicipio,selectImovel" event="onchange" ajaxSingle="true" /> </h:selectOneMenu> </span></li> <li class="li_largura240"><span class="span_left span_linha"> <h:outputLabel value="Município" styleClass="txt_label" for="selectMunicipio" /> </span> <span class="span_left"> <h:selectOneMenu id="selectMunicipio" label="Município" styleClass="campo input_largura220" converter="MunicipioPkConverter" value="#{manterAcademiaMB.filtro.municipio.id}"> <f:selectItem itemLabel="Selecione" itemValue="" /> <t:selectItems value="#{manterAcademiaMB.municipios}" var="municipio" itemLabel="#{municipio.descricao}" itemValue="#{municipio.id}" /> </h:selectOneMenu> </span></li> <li class="li_largura160"><span class="span_left span_linha"> <h:outputLabel value="Imóvel" styleClass="txt_label" for="selectImovel" /> </span> <span class="span_left"> <h:selectOneMenu id="selectImovel" label="Município" styleClass="campo input_largura160" converter="javax.faces.Long" value="#{manterAcademiaMB.filtro.imovel.id}"> <f:selectItem itemLabel="Selecione" itemValue="" /> <t:selectItems value="#{manterAcademiaMB.imoveis}" var="imovel" itemLabel="#{imovel.descricao}" itemValue="#{imovel.id}" /> </h:selectOneMenu> </span></li> </ul> <div class="div_botao"> <ul class="ul_botao"> <li class="li_largura120"><h:commandButton id="bt_pesquisar" styleClass="botao" value="Pesquisar" action="#{manterAcademiaMB.consultar}" /></li> <li class="li_largura120"><h:commandButton id="bt_limpar" styleClass="botao" value="Limpar" action="#{manterAcademiaMB.prepararConsulta}" /></li> <li class="li_largura120"><h:commandButton id="bt_incluir" styleClass="botao" value="Incluir" action="#{manterAcademiaMB.prepararInclusao}" /></li> </ul> </div> <t:div styleClass="tabContainer est_tabela" id="div_tabela_academia"> <rich:dataTable value="#{manterAcademiaMB.academias}" rows="10" rendered="#{manterAcademiaMB.total > 0}" columnsWidth="1%,1%,1%,1%,46%,10%,10%,30%" id="tabelaAcademia" var="academia" reRender="datascroller,messages"> <rich:column> <h:commandButton image="imagens/detalhar.gif" styleClass="icone" action="#{manterAcademiaMB.detalhar}" value="Detalhar" title="Detalhar" /> </rich:column> <rich:column> <h:commandButton image="imagens/anexar.gif" styleClass="icone" action="#{manterAcademiaMB.prepararInclusaoAvaliacoes}" value="Incluir Avaliação" title="Incluir Avaliação" /> </rich:column> <rich:column> <h:commandButton image="imagens/editar.gif" styleClass="icone" action="#{manterAcademiaMB.prepararEdicao}" value="Editar" title="Alterar Modalidade de Atividade Física" /> </rich:column> <rich:column> <h:commandButton image="imagens/excluir.gif" styleClass="icone" action="#{manterAcademiaMB.confirmarExclusao}" onclick='return confirm("Confirma Exclusão do Item Selecionado ? ")' value="Excluir" title="Excluir Modalidade de Atividade Física" /> </rich:column> <rich:column sortBy="#{academia.nome}" sortOrder="ASCENDING"> <f:facet name="header">Academia</f:facet> <h:outputText value="#{academia.nome}" /> </rich:column> <rich:column sortBy="#{academia.tipo.descricao}" sortOrder="ASCENDING"> <f:facet name="header">Tipo</f:facet> <h:outputText value="#{academia.tipo.descricao}" /> </rich:column> <rich:column sortBy="#{academia.situacao.descricao}" sortOrder="ASCENDING"> <f:facet name="header">Situação</f:facet> <h:outputText value="#{academia.situacao.descricao}" /> </rich:column> <rich:column sortBy="#{academia.municipio.estado.descricao}" sortOrder="ASCENDING"> <f:facet name="header">Estado</f:facet> <h:outputText value="#{academia.municipio.estado.descricao}" /> </rich:column> <f:facet name="footer"> <rich:columnGroup rendered="#{manterAcademiaMB.total > 0}"> <rich:column colspan="8"> <h:outputText value="Total de Resultados : #{manterAcademiaMB.total}" /> </rich:column> </rich:columnGroup> </f:facet> </rich:dataTable> </t:div> <div id="div_datascroller"><rich:datascroller for="tabelaAcademia" id="datascroller" renderIfSinglePage="false" /> </div> <div style="width: 128px; margin: 0 auto"><h:graphicImage id="processando_op" style="visibility:hidden" value="/imagens/bar-loader.gif" alt="Processando..." /> <a4j:status id="statusAtualizandoProducao"> <f:facet name="start"> <h:graphicImage value="/imagens/bar-loader.gif" alt="Processando..." /> </f:facet> </a4j:status></div> </h:form> </ui:define> </ui:composition> </html>