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

时间:2014-11-27 15:56:09

标签: javascript jquery jqgrid

现在是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#的功能正常运行。

谢谢

1 个答案:

答案 0 :(得分:1)

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

因此,如果您使用自定义图标创建列,您将完成一半的工作。要使用您需要的选项致电delGridRow,您可以使用beforeSelectRowonCellSelect回调。 jqGrid为整个网格注册 common (one)事件处理程序,并且由于事件冒泡将调用事件处理程序。因此,ebeforeSelectRow的{​​{1}}参数是onCellSelect事件中被触发的事件对象。属性click是单击的单元格或某个子元素。它包含您可能需要的所有信息。

我希望您可以根据the answerthis onethe demo),the demo来自the answer的上述信息和演示自行创建解决方案和其他一些。