如何向JqGrid添加/编辑表单添加自定义按钮？

是否可以将自定义按钮添加到JqGrid添加/编辑表单？

我想要一个“Save and New”按钮，一个显示“Save and Close”，一个显示“Cancel”的按钮，而不仅仅是提交和取消。

是否有可能实现这一目标？

Answer 1

jqGrid有一些CSS类用于按钮。 您可以在beforeShowForm回调中添加新按钮，例如：

$.extend($.jgrid.edit, { bSubmit: "Save and Close", bCancel: "Cancel", width: 370, recreateForm: true, beforeShowForm: function () { $('Save and New') .click(function() { alert("click!"); }).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left") .prependTo("#Act_Buttons>td.EditButton"); } }); 

看演示 ：

Answer 2

您可以通过插入ClientSideEvents-AfterAddDialogShown =“AddButton”来添加按钮

然后你的函数AddButton可以将你的按钮html插入到添加对话框的表中。

Answer 3

要添加清除模态窗口中所有输入元素的按钮：

 $.extend($.jgrid.edit, { bSubmit: "Save and Close", bCancel: "Cancel", width: 370, recreateForm: true, beforeShowForm: function () { $('Clear') .click(function() { $(".ui-jqdialog input").val(""); }).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left") .prependTo("#Act_Buttons>td.EditButton"); } });