我如何使用自定义按钮发送到 JQGrid 的 editurl？

Question

我将以下自定义按钮添加到我的导航寻呼机中，但我希望它查看我多重 selected 的内容并将其发送到 JQGrid 的 editurl 进行处理，这是一个 ASHX.CS页但是当涉及到自定义按钮时，我无法理解文档

我可以让它通过 onClickButton: customButtonClicked 调用本地函数，但它不会像“编辑”按钮那样发送数据

最后我想做什么 select 多行并按导航栏上的按钮并批准所有 selected 记录

        // add first custom button
        $('#jQGrid').navButtonAdd('#jQGridPager',
            {
            buttonicon: "ui-icon-mail-closed",
            title: "Send Mail",
            caption: "Send Mail",
            position: "last",
            editData: {
                WrkId: function () {
                    var sel_id = $('#jQGrid').jqGrid('getGridParam', 'selarrrow');
                    var value = "";
                    for (var a = 0; a < sel_id.length; a++) {
                        value = value + $('#jQGrid').jqGrid('getCell', sel_id[a], 'wrkid') + ',';
                    }
                    return value;
                },
                CurrentUser: function () {
                    return '<% =System.Web.HttpContext.Current.User.Identity.Name %>';
                }
            },
            afterSubmit: function (response, postdata) {
                if (response.responseText == "") {
                    $("#jQGrid").trigger("reloadGrid", [{ current: true }]);
                    return [false, response.responseText]
                }
                else {
                    $(this).jqGrid('setGridParam', { datatype: 'json' }).trigger('reloadGrid')
                    return [true, response.responseText]
                }
            }
            }
        );

Answer 1

使用几个不同的词（如何手动 post 数据到服务器 json）我能够找到更有意义的 ajax 代码片段（我'我确定我以前遇到过这个但是作为一个没有 jquery 经验的人我不认识它）

但是下面的代码将 JSON 字符串中的数据发送到 C# 处理程序页面，该字符串是可处理的，必须使用动态读取它但它有效，无法将其设置为 [=25] =] 一个错误，即使没有错误，所以我使用了 complete: 而不是 success: 然后调用触发器重新加载 JQGrid

最终代码：

$('#jQGrid').navButtonAdd('#jQGridPager',
            {
                buttonicon: "ui-icon-check",
                title: "Approve all selected entries",
                caption: "Approve",
                position: "last",
                onClickButton: function () {
                    var sel_id = $('#jQGrid').jqGrid('getGridParam', 'selarrrow');
                    var value = "";
                    for (var a = 0; a < sel_id.length; a++) {
                        value = value + $('#jQGrid').jqGrid('getCell', sel_id[a], 'wrkid') + ',';
                    };
                    $.ajax({
                        type: "POST",
                        url: "AdministrationHandler.ashx?oper=approve",
                        data: JSON.stringify({
                            WrkId: value,
                            CurrentUser: "<% =System.Web.HttpContext.Current.User.Identity.Name %>"
                        }),
                        dataType: "json",
                        contentType: "application/json; charsset=utf-8",
                        complete: function (xhr, x) {
                            if (xhr.responseText.toUpperCase().indexOf("SUCCESS") >= 0) {
                                alert('Success!\n' + xhr.responseText);
                            }
                            else {
                                alert('Failed!\n' + xhr.responseText + '\n' + x);
                            };
                            $("#jQGrid").jqGrid('setGridParam', { datatype: 'json' }).trigger('reloadGrid');
                        }
                    })
                }
            });

C#代码

try
{
    String postData = new System.IO.StreamReader(context.Request.InputStream).ReadToEnd();
    var data = JsonConvert.DeserializeObject<dynamic>(postData);
    Approve(data.WrkId.ToString(), data.CurrentUser.ToString());
    strResponse = "Employee records successfully approved";
}
catch
{
    strResponse = "Employee records not approved";
}
context.Response.Write(strResponse);

我如何使用自定义按钮发送到 JQGrid 的 editurl？

How do i use a custom button to send to the JQGrid's editurl?

javascript

jquery

asp.net

free-jqgrid

最终代码：

C#代码