jqGrid 使用您自己的删除样式按钮答案

【问题标题】：jqGrid using your own delete style buttonjqGrid 使用您自己的删除样式按钮
【发布时间】：2014-11-27 15:56:09
【问题描述】：

我是jqGrid 的新手，现在大约 2 小时，

我已成功添加从行中删除。所以即

colModel: [

 .....

name: 'actions', index: 'actions', width: 105, editable:false, formatter: 'actions',
formatoptions: {
    keys: true,
    editbutton: false,
    delOptions: { url: getURL('Action') + 'method?f='+$('#id').val()}
   }

],

这显示了一个普通的垃圾桶，但我想知道是否可以显示您自己的按钮？

这个http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_buttons 看起来很有前途，

但我认为它不适用于我上面粘贴的代码，我真的不想更改它，因为从 JS 到 C# 的功能都可以正常工作。

谢谢

【问题讨论】：

stackoverflow.com/questions/19307628/…

标签： javascript jquery jqgrid

【解决方案1】：

格式化程序“动作”所做的没什么特别的。它只在列中放置一个图标，并在单击按钮时调用方法delGridRow。 formatoptions.delOptions 值将仅用作delGridRow 的选项。该图标只不过是<span class='ui-icon ui-icon-trash'></span>。因此，您可以使用custom formatter 在列中放置任何其他图标。自定义格式化程序只是一个回调函数，将在构建单元格内容（<td> 的内容）期间调用。返回值必须是包含 HTML 片段的 string。 jqGrid 只会将内容放在网格列中。

因此，如果您要使用自定义图标创建列，您将完成一半的工作。要使用您需要的选项调用delGridRow，您可以使用beforeSelectRow 或onCellSelect 回调。 jqGrid 为整个网格注册common（一个）事件处理程序，并且事件处理程序将因为事件冒泡而被调用。所以beforeSelectRow 或onCellSelect 的e 参数是来自被触发的click 事件的Event 对象。属性e.target 是被单击的单元格或某些子元素。它包含您可能需要的所有信息。

我希望您可以根据以上信息和来自the answer、this one（与the demo）、the demo 来自the answer 的演示等自己创建解决方案。

【讨论】：