jqGrid viewGridRow自定义按钮单击

Question

所有

我在viewGridRow上创建了一个自定义按钮。请参阅下面的代码段。当用户点击该按钮时，我想显示UI对话框并执行一些操作并关闭窗口。在同一个View窗口中，用户单击下一行会执行类似的功能。

我尝试添加一个id并检查onclick但它没有开火。如何在该自定义按钮上添加onclick事件？感谢帮助。

$.extend($.jgrid.view, {
        bSubmit: "View details",
        width: 370,
        recreateForm: true,
        beforeShowForm: function (form) {
           var selRowId = $(this).getGridParam('selrow')

            $('<a id="viewBtn" href="#">View Report<span class="ui-icon ui-icon-disk"></span></a>').addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
                    .prependTo("#Act_Buttons>td.EditButton");

        }
    });

Answer 1

您可以将beforeShowForm回调更改为以下内容，例如：

beforeShowForm: function ($form) {
    var $self = $(this);
    $('<a id="viewBtn" href="#">View Report<span class="ui-icon ui-icon-disk"></span></a>')
        .click(function () {
            var selRowId = $self.jqGrid("getGridParam", "selrow");
            alert("'View' button on rowid=" + selRowId + " was clicked.");
            return false;
        })
        .addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
        .insertBefore($form.next(".EditTable").find("#cData"));

}

The demo使用代码显示