jquery - jqGrid中的自定义删除按钮

Question

我想在 jqGrid 中实现我自己的删除功能。我目前正在使用内置 UI(选择行，按页脚中的垃圾桶按钮，确认)，但我更喜欢在每行中都有一个删除按钮并实现我自己的 UI 进行确认。

我在 API 中没有看到任何内容这允许我向服务器发起删除操作 - 只需 delRowData，这会在客户端上将其删除。这可以吗？

(我正在使用 ASP.NET component ，FWIW)。

Answer 1

基本的 jqGrid 组件没有任何部分可以处理服务器端删除 - 即使您使用内置删除，它也不会为您删除服务器端，您必须自己处理。但以下是如何设置它，以便当有人单击您的自定义删除按钮时调用您的脚本:

// your custom button is #bDelete
$("#bDelete").click(function(){ 

    // Get the currently selected row
    toDelete = $("#mygrid").jqGrid('getGridParam','selrow');

    // You'll get a pop-up confirmation dialog, and if you say yes,
    // it will call "delete.php" on your server.
    $("#mygrid").jqGrid(
        'delGridRow',
        toDelete,
          { url: 'delete.php', 
            reloadAfterSubmit:false}
    );
});

以下信息已通过 POST 发送到您的删除 URL

Array
(
    [oper] => del
    [id] => 88
)

其中 id 显然是您在本例中传递给函数的 id，即 toDelete 的值。

实际上，我只是为了回答你的问题而为我自己的项目这样做 - 尽管在看到问题之前我对如何做到这一点有一个模糊的想法。所以...谢谢你让我明白了!