Jqgrid 单击自定义编辑按钮打开另一个页面

Question

我有一个 JQGrid，每行都有一个按钮，单击该按钮必须打开一个包含 edit.jsp 页面的小对话框窗口。我试过使用

$("#list").on("click", "#apri", function(){                 
            var id =sessionStorage.getItem("idProdotto");
            $("#list").jqGrid('editGridRow', id, {height:280,url:"http://localhost:8080/SaGE2/prodotti/edit" ,reloadAfterSubmit:false});                
        });

但 URL 被完全忽略，不使用 URL 使用它是不可能的，因为使用 editGridRow 打开的普通对话框具有输入框，但它不会加载按钮所在行的值。

我将发布按钮的格式化程序，因为在这里您可以看到 sessionStorage 的用法

function bottone (cellvalue, options, rowObject)
        {          
           return "<div style='margin-bottom: 5px; margin-top: 5px;'>" +  
           "<button id='apri' onclick="+sessionStorage.setItem("idProdotto", rowObject.id)+"> Apri </button></div>";

        }

Answer 1

您决不能将相同的 id 值作为页面上的一个元素放置（请参阅id='apri' 了解所有按钮）。

在我看来，您应该只使用预定义的formatter: "actions" 和选项formatoptions: { editformbutton: true }。以the demo 为例。 editGridRow 的其他选项可以指定取决于 jqGrid 的版本和您使用的 fork。在使用免费 jqGrid 的情况下，您可以在 formEditing 参数中指定所有选项。有关详细信息，请参阅the wiki article。如果使用旧版本的 jqGrid，您可以使用 formatoptions 的 editOptions 属性内的选项（请参阅 the documentation）。

免费 jqGrid 允许您在格式化程序操作中创建自定义按钮。见the answer。

如果您确实需要使用自定义格式化程序，那么我建议您阅读the answer 和this one，其中显示了beforeSelectRow 回调的用法。