-2

我正在使用jqgrid，并且要使弹出窗口集中添加，删除和编辑，我需要使用beforeShowForm在此显示窗口之前显示屏幕中心的参数。问题是我必须始终为这三个函数执行相同的代码。

功能如下：

{ // edit option
  beforeShowForm: function(form) {
    var dlgDiv = $("#editmod" + $(this)[0].id);
    var parentDiv = dlgDiv.parent();
    var dlgWidth = dlgDiv.width();
    var parentWidth = parentDiv.width();
    var dlgHeight = dlgDiv.height();
    var parentHeight = parentDiv.height();
    var parentTop = parentDiv.offset().top;
    var parentLeft = parentDiv.offset().left;
    dlgDiv[0].style.top =  Math.round(parentTop / 2) + "px";
    dlgDiv[0].style.left = Math.round(parentLeft + (parentWidth-dlgWidth  )/2 )  + "px";
  }
},

为了重用相同的代码，我将创建一个单独的函数来始终编写相同数量的代码。我试图创建以下函数：

功能：

function test(dlgDiv)
{
  var parentDiv = dlgDiv.parent();
  var dlgWidth = dlgDiv.width();
  var parentWidth = parentDiv.width();
  var dlgHeight = dlgDiv.height();
  var parentHeight = parentDiv.height();
  var parentTop = parentDiv.offset().top;
  var parentLeft = parentDiv.offset().left;
  dlgDiv[0].style.top =  Math.round(parentTop / 2) + "px";
  dlgDiv[0].style.left = Math.round(parentLeft + (parentWidth-dlgWidth  )/2 )  + "px";
}

在网格中：

{ // edit option
  beforeShowForm: function(form) {
    var dlgDiv = $("#editmod" + $(this)[0].id);
    test(dlgDiv);
  }
},

但继续没有放弃。表示未定义值 dlgDiv。有谁知道如何解决这个问题？

4

1 回答 1

0

问题在于您在此处使用的选择器：

var dlgDiv = $("#editmod" + $(this)[0].id);

无论您试图获取什么元素都不会被返回，因为选择器找不到它。您应该修改您的选择器以反映您尝试查找的元素的 ID。

如果你已经这样做了，但你仍然有问题，那么问题在于你的上下文，this并不意味着你认为它在上面的代码行中意味着什么。不过，在我详细说明之前，您必须向我们展示更多代码。

于 2013-02-06T00:48:04.100 回答