Javascript jqGrid冲突对话框编辑表单

在我的项目中，我有一个带有jqgrid的页面和一个按钮，可以在另一个jqgrid中打开jquery对话框。 每个jqgrid都使用不同的名称调用

当我尝试向第二个jqgrid添加数据时，编辑表单被禁用，我无法在文本框中写入，但下拉菜单是可单击的，但可以打开和关闭中间对话框中的手风琴

代码按钮：

<![CDATA[
    $(document).ready(function() {

        $("#dialogInsieme").dialog({
            autoOpen : false,
            modal: true,
            width: ($(document).width() - 300),
            height: ($(document).height())
        });

        $("#openerInsieme").click(function() {
            $("#dialogInsieme").dialog("open");
        });
    });
 ]]>
</script>

<div id="dialogInsieme" title="Insieme">
    <jsp:include page="../insieme/show.jspx" />
</div>
<button type="button" id="openerInsieme">Show Insieme</button>

显示符号

另一个jqGrid是标准的

有什么想法吗？

我已经决定了

我在对话框中删除此选项：

modal:true。

现在，焦点正确地位于最后一个对话框中