同时使用 Jquery UI 对话框 + Jqgrid

Question

问题描述:我有一个 list Jqgrid和导航栏

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

当我选择一行并单击编辑时，会弹出一个对话框，其中的字段可编辑。

对于一个字段，我注册了一个事件处理程序:

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

当我单击编辑对话框中的 gps_coords 字段时，打开 google_map 对话框，

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

但是焦点或其他内容位于(现在是后台编辑对话框)上，因此光标闪烁以该形式而不是新打开的形式。

我已经尝试过(在对话框设置中):

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

注意:我在新打开的对话框中有一个文本字段，但无法单击或更改其值。

那么可以做什么，将焦点放在新打开的对话框上？

谢谢

Answer 1

我不确定我的理解是否正确。

但我的理解是，您可以使用 的附加 editoptions 选项替换 $("#gps_coords").live("click",... 绑定(bind)到编辑控件colModel 中的 >gps_coords 列定义:

editoptions: {
    dataEvents: [ 
        {
            type: 'click',
            fn: function() {
                $("#google_map").dialog("open");
            }
        }
    ] 
}

要设置焦点，您可能应该使用像 $("#google_map").focus() 这样的调用，但您必须将其放在单独的线程中:

setTimeout(function(){
    $("#google_map").focus();
}, 50);