1

我是 jqGrid 的初学者，在哪里使用 navGrid，用于添加（用于文件上传），当我单击添加按钮时，它会在页面左侧的顶部弹出一个模态对话框。它很难进入顶部再来一次，有什么方法可以定位“添加”对话框，它应该显示在 + 按钮旁边？

    jQuery(table).jqGrid('navGrid',pager,{edit:false,add:true,del:false,search:false,refresh:true,cloneToTop:true},{},{addCaption:'Add',width:500,recreateForm: true,reloadAfterSubmit:false,closeAfterAdd:true,closeAfterEdit: true, closeOnEscape:true, afterSubmit : UploadAttachedFile });
4

2 回答 2

2

您可以在afterShowForm回调中更改添加对话框的位置。例如，您可以使用jQuery UI Position来执行此操作。

该演示使用以下代码

var $grid = $("#list");

...

$grid.jqGrid('navGrid', '#pager', {del:false}, {}, {
    afterShowForm: function ($form) {
        $form.closest(".ui-jqdialog").position({
            of: "#add_" + $.jgrid.jqID($grid[0].id),
            at: "left bottom",
            my: "right top"
        });
    }
});

结果如下图所示

在此处输入图像描述

您可以更改 的值at和my属性position以获得所需的准确结果。

于 2013-04-22T12:24:29.790 回答
0

试试这个：将此添加到您的Add按钮代码中

top:400,left:20

您的代码应如下所示：

jQuery(table).jqGrid('navGrid',pager,{edit:false,add:true,del:false,search:false,refresh:true,cloneToTop:true},
    {},
    {
        addCaption:'Add',
        width:500,
        recreateForm: true,
        reloadAfterSubmit:false,
        closeAfterAdd:true,
        closeAfterEdit: true,
        closeOnEscape:true,
        afterSubmit : UploadAttachedFile,
        top:400,    //position from top
        left:20    //position from left
    });
于 2013-04-22T11:54:40.703 回答