Hi,

I am using the Jquery dialog box on one of my pages that pulls up a list of custom objects from the database. I am trying to incorporate a search inside of that dialog box with an input text which is working oddly right now. Once I put in the search parameters and hit search, I have the dialog box close, and rerender and then open again so that the list it pulls up will be updated. However, it is not updating the list. If I close the dialog box and rerender the whole page with another button and pull it up again, then the list IS updated. I am unsure what to do to get the correct functionality.

Steps:

1) User opens dialog box

2) User types in search parameter and hits 'Search'

3) Javascript closes the dialog box

     Javascript pulls the parameter value and constructs a query. Then it calls actionfunction "searcherd" and passes the query along.

4) Actionfunction searcherd calls apex method searcherf that updates the list (Actionfunction also rerenders everything)

5) Javascript opens the dialog box

Does anyone know how to make this function correctly?

This is my dialog box:

<div id="dialog" title="Add Functions">
<apex:form >
  

  <button id="Add">Add</button>
  <apex:outputText > {!db} </apex:outputText>
    <input type="text" id="SearchName"/>
     <button id="searchfu">search</button>
    
 <table id="addfuncs" class="func">     
 <tr>
<th>Function Name</th>
<th>Function Type</th>
<th>Description</th>
<th>Parameters</th>

</tr>
<tbody>

<apex:repeat id="allfunctionslist" value="{!AllFunctions}" var="f">
    <tr id="{!f.id}">
      
        <td style="text-align:center;" >
      {!f.name}  
      </td>
   
      <td>
      {!f.Function_Type__r.name}  
      </td>
      
       <td > {!f.Description__c}  </td>
       
       <td >
       <apex:repeat value="{!f.TEST_PARAMETERS__r}" var="p">
       {!p.name} ( {!p.Type__c} ) <br/>
       </apex:repeat>
       </td>
      
</tr>

  </apex:repeat>    
</tbody>
  
</table>


</apex:form>
    </div>

This is the function that runs when the search button is clicked:

$(function() {
    $( "#searchfu" )
      .button()
      .click(function( event ) {   
               $( "#dialog" ).dialog( "close" );
          var x = 'Select name,id,description__c,Function_Type__r.name,(select name,id,Default_Value__c,Type__c,Description__c from TEST_PARAMETERS__r) FROM Function__c WHERE name LIKE \''+document.getElementById("SearchName").value+'%\' order by name';

            searcherd(x); 
          
              $( "#dialog" ).dialog( "open" );
          
       
      });
  });

This is the actionfunction called by the javascript:

  <apex:actionFunction name="searcherd" action="{!searcherf}" rerender="dialog,addfuncs">
        <apex:param name="qry" value="" />
        </apex:actionFunction>

This is the function on the apex-side that gets called to update the list

 public void searcherf(){
  
    n = ApexPages.currentPage().getParameters().get('qry');
   
      
       
    AllFunctions=Database.query(n);
   
    }