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

问题描述:

我需要自定义jqGrid行上的“编辑”图标,使得单击时有三个图标显示特定行“保存”,“取消”,和“撤消”。这怎么能实现。请建议。自定义编辑按钮以在点击显示jqGrid行中的删除按钮点击

+2

请提供相关的代码,以便您使用jqgrid的上下文更加清晰。另外提到你到目前为止所尝试过的,为什么它不工作。 –

如果您使用jqGrid的免费jqGrid分支(自2014年底开始开发),该解决方案可能很简单,该分支支持actionsNavOptions参数,其中可以指定自定义图标。 The wiki article描述了该功能,the demo演示了该用法。 Another demo,为the answer创建,显示自定义操作按钮的更高级功能。

如果您无法更新免费的jqGrid 4.13.6,那么您可以按照my old answer的说明进行操作,该操作要复杂得多。

+0

嗨,我已经看过演示,只是想知道到目前为止点击“编辑”只有“提交”和“取消”图标出现。这个功能是否可以改变,点击“编辑”以及“提交”和“取消”我们的自定义图标也会出现?因为我希望我的自定义图标仅在“编辑”图标点击后显示。 –

+0

@VarunKumarRayzada:您可以使用通知,这些通知将在内联编辑的开始和结束时调用(oneditfunc,aftersavefunc,afterrestorefunc回调或jqGridInlineEditRow,jqGridInlineAfterSaveRow,jqGridInlineAfterRestoreRow事件)。每个自定义按钮都有'class'和'id'属性(参见'ui-inline-addUser'类和id'jAddUserButton_40','jAddUserButton_50',...)。因此,只需要调用'$ .show()'或'$ .hide()'来在需要时显示/隐藏自定义按钮。 – Oleg