在編輯窗體中添加自定義按鈕

Question

我在我的jqGrid編輯窗體中添加了一個自定義按鈕，使用beforeShowForm事件創建。點擊我想要執行的自定義按鈕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 },

顯示類型錯誤：一個（...）[0]的.p是未定義錯誤。任何想法如何實現這？

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