jquery - jqGrid重新定位删除确认框

Question

我目前正在使用 jqGrid 和 navGrid，del 设置为 true。问题是当用户单击删除时，它会在网格的左上角弹出一个确认框。由于我们已经向下滚动到最底部，而且高度很大，因此用户必须一直滚动到顶部才能确认。有什么办法可以移动这个位置吗？手动偏移就可以了，但理想情况下我想将其停靠在左下角，而不是左上角。

提前致谢

(如果这是一个骗局，我很抱歉。我尝试只是发布它，但它给了我一些奇怪的错误，并且没有显示在我的历史记录中，所以假设它没有发布。)

Answer 1

我发现这不是骗子。相反，我发现它很好，所以我+1。

jqGrid 在内部使用方法 viewModal ($.jgrid.viewModal)，该方法显示最多的对话框。该方法有 toTop 参数，但是 delGridRow和 editGridRow不使用它，它将被设置为toTop:true。因此，“添加”、“编辑”和“删除”对话框将始终显示在网格顶部，可能位于不可见区域内。

要解决此问题，您可以定义 afterShowForm更改对话框位置的事件句柄。例如

$("#list").jqGrid('navGrid','#pager', {}, {}, {},
                  {
                      afterShowForm: function($form) {
                          var dialog = $form.closest('div.ui-jqdialog'),
                              selRowId = myGrid.jqGrid('getGridParam', 'selrow'),
                              selRowCoordinates = $('#'+selRowId).offset();
                          dialog.offset(selRowCoordinates);
                      }
                  });

在示例中，对话框将放置在所选行上。当最后一行和对话框底部的选定行位于窗口之外时，可以改进代码。尽管如此，上面的实现在我看来作为默认实现更好，因为用户看到的对话框正好位于他想要删除的行上方，并且他可以移动对话框，使其完全可见。

您可以在the live demo上测试删除对话框的建议移动。 .