3

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

除了提交和取消之外，我还想要一个显示“保存并新建”的按钮，一个显示“保存并关闭”的按钮，以及一个显示“取消”的按钮。

有可能实现这一目标吗？

4

3 回答 3

8

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

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

查看演示：

在此处输入图像描述

于 2012-04-25T21:47:56.097 回答
0

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

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

于 2012-04-25T18:27:36.540 回答
0

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

$.extend($.jgrid.edit, {
    bSubmit: "Save and Close",
    bCancel: "Cancel",
    width: 370,
    recreateForm: true,
    beforeShowForm: function () {
        $('<a href="#">Clear<span class="ui-icon ui-icon-document-b"></span></a>')
            .click(function() {
              $(".ui-jqdialog input").val("");    
            }).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
              .prependTo("#Act_Buttons>td.EditButton");
    }
});
于 2012-12-02T17:54:33.760 回答