Question

Problem description:
I have a listing with Jqgrid and a navigation bar

view:true,
edit:true,
add:true,
search:false,
del:true

When i select a row and click edit, a dialog pops up, with the fields editable in it.

For one field i registered an event handler:

$("#gps_coords").live("click",function(){
        $("#google_map").dialog("open");
    });

When i click in the gps_coords field in the edit dialog, opens the google_map dialog,

 $("#google_map").dialog(
{
    width:800,
    height:500,
    autoOpen: false,
    modal:true, 
    ....
 }

But the focus or whatever is on the (now background edit dialog), so the cursor blinks
in that form instead of the newly opened one.

I have tryed (at dialog setup):

  open: function(event, ui) {
        $("#google_map").focus(); 
    }

Note: I have a text-field on the newly opened dialog but can’t click in, or change it’s value.

So what can be done, to have the focus on the newly opened dialog?

Thank you

Answer 1

I have corrected the problem, in my case it was the following:

Each dialog was modal, and when it pops out the first, then couldn’t do anything, i removed from it the modal option, and now only the second has modal:true.And it’s working great.

Dialog 1 :

$("#dialog1").dialog(
    {
        width:800,
        height:500,
        autoOpen: false,
        //modal:true
        ...
});

Dialog 2 :

$("#dialog2").dialog(
        {
            width:800,
            height:500,
            autoOpen: false,
            modal:true,
            ...
    });