javascript - 一列的jqgrid自定义编辑行为

Question

我想要一个 jqGrid，它对于某一列，不是将单元格变成文本框，而是弹出一个需要填写的表单。关闭表单时，输入的数据将保存到单元格中。用户永远无法直接与单元交互，以免损坏数据。

看图片，我有我想与之交互的用户表。也恰好有一张书 table 坐在某处。当用户点击 fav_books 列时，会出现一个弹出窗口，由 book 表填充。用户选择一些书籍，单击确定，这些书籍的 ID 将保存到单元格中。

现在，我只关心显示一个弹出窗口。 custom_element 和 custom_value 没有帮助，因为它们将单元格转换为要返回的 DOM 元素。我尝试像这样使用 afterEditCell(仅用于概念证明)但无法保存单元格:

grid.jqGrid({
...
afterEditCell: function(rowid, name,val,iRow,iCol){
    if(name=='fav_books'){
        alert("see my table?");
        //which one saves (edits?) the cell?
        //grid.jqGrid('setRowData',rowid,{fav_books: 'hi'});
        //grid.jqGrid('setCell',rowid, 'fav_books','hi',null,null,false);
        //grid.jqGrid('saveCell',iRow,iCol);
    }
},
...
});

我能否在 afterEditCell 中完成编辑单元格过程，或者我是否需要为 afterEditCell 之后的每个事件自定义函数？ jqGrid 中是否已经内置了一些方法来做到这一点(我只是让自己的生活变得艰难？)

Answer 1

在回答您的直接问题之前，我建议您先看一下 the old demo来自 the question . This one和 one more answer也是关于同一个主题。

所以我对你的建议是考虑使用 editoptions 的 multiple: true 选项与 edittype:'select' 和格式化程序:'选择'。通过这种方式，您将能够非常轻松地以非常接近您需要的方式实现您的要求。