Seleção do popup

Front-end
#1

Alguém teria um exemplo, link de tutorial ou dica de componente que permita fazer seleções com popup? Tentei com o SelectOneMenu mas os itens são por demais extensos.
Abraço!
Fábio

#2

Se for jsf tenta usar o autocomplete :smiley:

#3

além de haver muitas opções os textos são de 120 caracteres, entende? teria de ser com popup mesmo. Vi um tal de modalpanel do richfaces mas não tá funcionando.
Att.:
Fábio

#4

[quote=fabiodamasceno4]além de haver muitas opções os textos são de 120 caracteres, entende? teria de ser com popup mesmo. Vi um tal de modalpanel do richfaces mas não tá funcionando.
Att.:
Fábio[/quote]

Cara, estou no celular, mas vamos lá…

Tente fazer um input com um botão ao lado e quando o usuário clicar no botão exiba uma dialog com uma tabela com checkbox…,com o valor selecionado altere o valor do input…

Não eh a melhor solução, mas acho que resolve…

#5

eu fiz pra chamar um popup, mas não sei como seto a seleção no formulário de “baixo”. Esse dialog resolveria melhor o problema?
Att.:
Fábio

#6

Esqueci de dizer que uso jsf com richfaces 3

#7

Esse código funciona sem problemas:

[code]<%@ taglib uri=“http://richfaces.org/a4j” prefix=“a4j”%>
<%@ taglib uri=“http://richfaces.ajax4jsf.org/rich” prefix=“rich”%>
<%@ taglib uri=“http://java.sun.com/jsf/core” prefix=“f”%>
<%@ taglib uri=“http://java.sun.com/jsf/html” prefix=“h”%>

<rich:modalPanel id="modalPanel">    
    <h:outputText value="TESTE TESTE TESTE!!!" />    
    <a4j:commandLink value="Close" onclick="javascript:Richfaces.hideModalPanel('modalPanel');" />    
</rich:modalPanel>

</f:view>

[/code]

e esse não, sendo que estão no mesmo projeto:

[code]<%@ taglib uri=“http://richfaces.org/a4j” prefix=“a4j”%>
<%@ taglib uri=“http://richfaces.ajax4jsf.org/rich” prefix=“rich”%>
<%@ taglib uri=“http://java.sun.com/jsf/core” prefix=“f”%>
<%@ taglib uri=“http://java.sun.com/jsf/html” prefix=“h”%>

<f:view>



PROCESSO ADMINISTRATIVO



<a4j:loadScript src=“js/jquery.maskedinput-1.1.4.pack.js” />



<h:form>



Cadastro de Processos Administrativos




<rich:panel style=“width:600px” > 
                                    <h:inputHidden value="#{processoAdministrativoMB.pa.idProcessoAdministrativo}" id="id_processo_administrativo"/>
                                    <table cellspacing="5">
                                        <tr>
                                            <td>
                                                <label for="matricula">Número processo:</label>

                                            </td>
                                            <td>
                                                <h:inputText  value="#{processoAdministrativoMB.pa.codProcessoAdministrativo}"  style="width:150px;" id="cod_processo_administrativo" onkeypress="return SomenteNumero(event)" maxlength="30"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="numeracao_antiga">Numeração antiga:</label>

                                            </td>
                                            <td>
                                                <h:inputText  value="#{processoAdministrativoMB.pa.numeracaoAntiga}"  style="width:100px;" id="numeracao_antiga">
                                                    <rich:jQuery selector="#numeracao_antiga" query="mask('9999/9999')" timing="onload" />
                                                </h:inputText>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="objeto_assunto">Objeto/assunto:</label>

                                            </td>
                                            <td>



                                                <h:inputHidden value="#{processoAdministrativoMB.pa.assuntoAdm.codAssunto}" id="cod_objeto_assunto"/>
                                                <h:inputText readonly="true" value="#{processoAdministrativoMB.pa.assuntoAdm.descAssunto}"  style="background-color:#EEE9E9;width:400px;" id="objeto_assunto"/>
                                                <h:commandLink onclick="javascript:window.open('busca_assunto_adm.jsp','busca','height=480,width=640,toolbar=no,scrollbars=no'); return false;">

                                                    <h:graphicImage style="vertical-align: middle" title="Objeto/Assunto" url="images/Search.gif" styleClass="borda_imagem"/>

                                                </h:commandLink>
                                                <a4j:commandLink value="Open" onclick="javascript:Richfaces.showModalPanel('modalPanel');" />


                                            </td>
                                        </tr>


                                    </table>






                                    <p><h:messages infoClass="statusOk" errorClass="statusErr" layout="table" showDetail="true" showSummary="false"/></p>

                                </rich:panel>
                                <p>

                                    <h:commandButton onclick="return validaForm()" styleClass="bt_normal" id="bt_cadastrar" action="#{funcionarioMB.cadastrar}" image="images/bt_salvar.png" />&nbsp;
                                    <h:commandButton styleClass="bt_normal" id="bt_listar" action="#{funcionarioMB.listar}" image="images/bt_listar1.png" />
                                </p>
                            </div>
                            <div id="nav">
                                <jsp:include page="menu.jsp"/>
                            </div>
                            <div id="rodape"><p class="copyright">Justiça Federal da Bahia, NUTEC</p></div>
                        </div>
                    </h:form>

                    <script type="text/javascript">
                        function validaForm(){

                            if (document.getElementById("formulario:matricula").value==''){
                                alert('Preenchimento obrigatório da Matrícula');
                                document.getElementById('formulario:matricula').focus();
                                return false;
                            }
                            if (document.getElementById("formulario:nome").value==''){
                                alert('Preenchimento obrigatório do Nome');
                                document.getElementById('formulario:nome').focus();
                                return false;
                            }
                

                

                            return true;
                        }
                        function verificaMatricula(){
                            if (document.getElementById("formulario:matricula").value==''){
                                alert('É necessário preencher a matrícula para busca');
                                document.getElementById('formulario:matricula').focus();
                                return false;
                            }
                            return true;
                        }

                    </script>
                </td> </tr></table>
    </body>
</html>
<rich:modalPanel id="modalPanel">    
    <h:outputText value="TESTE TESTE TESTE!!!" />    
    <a4j:commandLink value="Close" onclick="javascript:Richfaces.hideModalPanel('modalPanel');" />    
</rich:modalPanel>

</f:view>
[/code]
Alguém teria uma luz?

#8