Not sure what you mean with chining, but it is simple and you can do

beforeShowForm:function(form_id{  // BEGIN EVENT $(”select#ACTIVITY”,form_id).focus(function(){
        fillCombo(”./Actions/ActiveActivities.php”,”select#ACTIVITY”);

});

$(”select#EXPENSETYPE”,form_id).focus(function(){
   fillCombo(”./Actions/ActiveExpenseTypes.php”,”select#EXPENSETYPE”);   
});

} //END beforeShowForm EVENT

If you want this to happen only once use onInitializeForm with the same code.

Regards

Tony

I'm trying to use the beforeShowForm event but I am still just having one box fire.

What I am looking to add is a focus event to each select box.  When the box receives focus an ajax getJSON request is completed.  This part is fine. The issue is that I have is attaching the event to the 3 select boxes so that only it's ajax call is completed. I think I have to chain the function calls somehow but I am unsure how and I can't find an example to illustrate this step.

I would prefer that each time the select box is clicked that the dropdown list is rebuilt rather than just once when the form is constructed - that's why I am trying to add the focus element to the beforeShowForm event.

Right now I am working with:

    .navGrid('#expensesNav',{refresh:true,add:true,del:true,edit:false, search:false},{},{height:280,reloadAfterSubmit:true,beforeShowForm:function(form_id){$("select#ACTIVITY",form_id).focus(function(){
        //alert("trying ajax connection...");
        fillCombo("./Actions/ActiveActivities.php","select#ACTIVITY");   
        //fillCombo("./Actions/ActiveExpenseTypes.php","select#EXPENSETYPE");
    })}function(form_id){$("select#EXPENSETYPE",form_id).focus(function(){
        fillCombo("./Actions/ActiveExpenseTypes.php","select#EXPENSETYPE");   
       
    })}    },{reloadAfterSubmit:true});

Any thoughts on how to chain/call my methods to add a focus command to the select boxes?

Nathan

Use beforeShowForm - it is called every time you open the form.

Regards

Tony

On my form I have a few select boxes and I want to dynamically load the content. I've wrote handlers to do this and it works fine except for one problem.  When the form loads only one box will fire and I think it has to do with the onInitializeForm event - it only fires once.  If I want to assign a focus event to each control how do I add it?  Currently I am working with :

navGrid('#equipmentNav',{refresh:true,add:true,del:true,edit:false, search:false},{},    {height:280,reloadAfterSubmit:true,onInitializeForm:function(form_id){$("select#ACTIVITY",form_id).focus(function(){
            //alert("trying ajax connection...");
            fillCombo("./Actions/ActiveActivities.php","select#ACTIVITY");

        })},onInitializeForm:function(form_id){$("select#EQUIPMENT",form_id).focus(function(){
                        //alert("trying ajax connection...");
                        fillCombo("./Actions/ActiveEquipment.php","select#EQUIPMENT");   

                    })}},{reloadAfterSubmit:true});

as my navbar definition.  I think there must be a way to chain these events but I am unsure how...

Nathan