在编辑表单中添加自定义按钮

Question

我在我的 jqGrid 编辑表单中添加了一个自定义按钮，使用 beforeShowForm 事件创建。 Onclick 自定义按钮我想执行 ADD 操作。 下面是我的代码..

 beforeShowForm: function(form) { 
          //Create Custom ADD Button
          $('<a href="#">Add<span class="ui-icon ui-icon-disk"></span></a>')
            .click(function() {
                var $self = $(this);
               $self.jqGrid("editGridRow", $self.jqGrid("getGridParam", "selrow"),
                {
                  editData: {//Function to Add parameters to the status 
                    oper: 'add', //trying to pass parameter to server
                  },
                });
            }).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
              .prependTo("#Act_Buttons>td.EditButton");

守则
editData: {//Function to Add parameters to the status oper: 'add', //trying to pass parameter to server },

显示 TypeError: a(...)[0].p is undefined 错误。知道如何实现这一目标吗？

Answer 1

您的代码中的主要错误是您使用this 的地方。 beforeShowForm 内部是 this 初始化为网格的 DOM，但在 click 事件处理程序内部 $('<a href="#">Add<span class="ui-icon ui-icon-disk"></span></a>') 它被初始化为 <a> 元素。所以你得到错误“TypeError: a(...)[0].p is undefined”。要修复代码，您只需在外部回调函数 beforeShowForm 中移动 $this 变量的初始化：

beforeShowForm: function(form) { 
    var $self = $(this); // !!! place it here !!!

    //Create Custom ADD Button
    $('<a href="#">Add<span class="ui-icon ui-icon-disk"></span></a>')
        .click(function() {
            $self.jqGrid("editGridRow", $self.jqGrid("getGridParam", "selrow"), {
                editData: {//Function to Add parameters to the status 
                    oper: 'add', //trying to pass parameter to server
                },
            });
        }).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
          .prependTo("#Act_Buttons>td.EditButton");
}