Problemas com filterBy do DataTable [JSF]

Front-end
#1

Iai pessual, blz?

estou com um problema bem estranho q não entendo pq esta ocorrendo…

seguinte, tenho um rich:modalPanel e dentro dele tenho um DataTable que carrega uns clientes…até ai sem novidade, td certo…mas ai eu acrecentei em uma coluna dessa DataTable a opção de filterBy para poder fazer filtro dessa coluna…porem quando eu digito algo no campo de filtro, não aparece nda…fica tudo parado…ja tentei varias coisas e nda…alguem poderia me dar uma luz da causa disso?..e como eu posso arrumar esse filtro?

Meu modal esta assim no momento (depois de tentar diversas e diversas coisas…):

[code]<a4j:form id=“idModalFormBuscaCli”>
<rich:modalPanel id=“panelModalBuscaCliente”
minHeight=“330”
minWidth=“700”
height=“330”
width=“700”>
<f:facet name=“header”>
<h:panelGroup>
<h:outputText value=“Selecione um Cliente”></h:outputText>
</h:panelGroup>
</f:facet>
<f:facet name=“controls”>
<h:panelGroup>
<h:graphicImage value="…/images/close.png" style=“cursor:pointer” styleClass=“hidelink” id=“hidelink”/>
<rich:componentControl for=“panelModalBuscaCliente” attachTo=“hidelink” operation=“hide” event=“onclick”/>
</h:panelGroup>
</f:facet>
<a4j:outputPanel id=“idOutputPanelModal” rendered=“true”>

                <rich:dataTable id="idDataTablePfProd"
                                rendered="true"
                                value='#{produtoBean.prodPessoasFisicas}'
                                rows="5"
                                reRender="ds"
                                var='itemPfProd'
                                border="1"
                                rowClasses="linha1, linha2"
                                cellpadding="2"
                                cellspacing="0">

                    <f:facet name="header">
                        <rich:columnGroup>
                            <rich:column><h:outputText value="Cod." /></rich:column>
                            <rich:column><h:outputText value="Nome" /></rich:column>
                            <rich:column><h:outputText value="Email" /></rich:column>
                            <rich:column><h:outputText value="Escolher" /></rich:column>
                        </rich:columnGroup>
                    </f:facet>

                    <rich:column sortBy="#{itemPfProd.id}"
                                 width="6%" >
                        <h:outputText value="#{itemPfProd.id}" style="text-align:center">
                            <f:convertNumber/>
                        </h:outputText>
                    </rich:column>
                     //AKI ESTA A DUVIDA...  
                    <rich:column filterBy="#{itemPfProd.nome}"
                                 filterEvent="onkeyup"
                                 sortBy="#{itemPfProd.nome}"
                                 width="32%">
                        <h:outputText value="#{itemPfProd.nome}" />
                    </rich:column>

                    <rich:column sortBy="#{itemPfProd.email}"
                                 width="28%">
                        <h:outputText value="#{itemPfProd.email}" />
                    </rich:column>

                    <rich:column width="6%" style="text-align:center">
                        <a4j:commandLink id="idShowModalProd"
                                         reRender="panelModalProd"
                                         action="#{produtoBean.lerCliente}"
                                         >
                            <img src="../images/selecionar.png" border="0"/>
                        </a4j:commandLink>
                    </rich:column>

                    <f:facet name="footer" >
                        <rich:datascroller styleClass="rich-table-footer"
                                           id="ds"
                                           renderIfSinglePage="false" />
                    </f:facet>
                </rich:dataTable>

                <rich:jQuery selector="#idDataTablePfProd tr"
                             query="mouseover(function(){jQuery(this).addClass('active-row')})"/>
                <rich:jQuery selector="#idDataTablePfProd tr"
                             query="mouseout(function(){jQuery(this).removeClass('active-row')})"/>

            </a4j:outputPanel>
        </rich:modalPanel>
    </a4j:form>[/code]

Se alguem puder ajudar eu agradeço!!

#2

cara tenta tirar o a4j:form que ta envolta do modalPanel e colocar um h:form dentro do modal panel envolvendo todas as tags filhas do modalPanel
valeu

#3