JqG​​rid重新定位Add按钮

Question

我是jqGrid的初学者，在那里使用navGrid，用于Add（用于文件上传），当我点击添加按钮时，它会在页面顶部左侧弹出一个模态对话框。非常不安于go the top再来一次有没有办法定位Add对话框，它应该出现在+按钮旁边？

    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 });                  

Answer 1

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

The demo使用以下代码

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的{​​{1}}和my属性的值，以获得所需的确切结果。

Answer 2

试试这个： 将其添加到您的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
    });