自定义编辑按钮以在单击时在jqGrid行中显示删除按钮

，可以通过以下步骤实现：

首先，需要在jqGrid的列模型中添加一个自定义按钮列。可以使用colModel属性来定义列模型，其中每个列都有一个formatter属性，用于自定义列的显示方式。

colModel: [
  // 其他列定义...
  {
    name: 'edit',
    index: 'edit',
    width: 50,
    align: 'center',
    formatter: function(cellValue, options, rowObject) {
      return '<button class="edit-btn" data-id="' + rowObject.id + '">编辑</button>';
    }
  }
]

在上述代码中，我们添加了一个名为edit的列，使用自定义的formatter函数来生成编辑按钮的HTML代码。按钮的data-id属性可以用于存储行的唯一标识符，以便后续操作时可以获取到对应的行数据。

接下来，需要监听编辑按钮的点击事件，并在点击时显示删除按钮。可以使用jQuery的事件委托机制来监听按钮的点击事件。

$(document).on('click', '.edit-btn', function() {
  var rowId = $(this).data('id');
  var deleteBtn = '<button class="delete-btn" data-id="' + rowId + '">删除</button>';
  $(this).closest('tr').find('.delete-cell').html(deleteBtn);
});

在上述代码中，我们使用事件委托机制监听.edit-btn按钮的点击事件。当按钮被点击时，我们获取到对应行的唯一标识符rowId，然后生成一个删除按钮的HTML代码，并将其插入到对应行的删除按钮单元格中。

最后，需要在jqGrid的列模型中添加一个用于显示删除按钮的列。可以使用相同的方式添加一个自定义按钮列，并在formatter函数中生成删除按钮的HTML代码。

colModel: [
  // 其他列定义...
  {
    name: 'delete',
    index: 'delete',
    width: 50,
    align: 'center',
    formatter: function(cellValue, options, rowObject) {
      return '<div class="delete-cell"></div>';
    }
  }
]

在上述代码中，我们添加了一个名为delete的列，使用自定义的formatter函数生成一个空的<div>元素，用于容纳删除按钮。

通过以上步骤，我们可以实现在jqGrid行中显示一个自定义编辑按钮，并在点击编辑按钮时显示对应行的删除按钮。请注意，以上代码只是一个示例，具体实现可能需要根据实际情况进行调整和扩展。

腾讯云相关产品和产品介绍链接地址：