javascript - 动态添加一个空单元格到jqgrid的最后一行

Question

我一直在研究 JQGid，并且需要将常见单元组合到一个大单元中，如图所示!

现在的要求是在最后一个单元格下方添加另一个单元格，该单元格将在“地址”列的新单元格中具有可单击的按钮。这是为出生日期为 11/11/1988 的 adam 添加新地址。

所以我需要的帮助是动态创建一个空单元格，因为 jqgrid 的数据源是一个 json 对象，我将无法修改 json 值请让我知道您所知道的针对此特定奇怪要求的任何自定义格式化程序任何帮助将不胜感激

下面给出的是我用来组合 Name 字段的 cellattr 函数

    cellattr: function (rowId, val, rawObject, cm, rdata) {
                    var result;

                    if (prevCellVal.value == val) {
                        result = ' style="display: none" rowspanid="' + prevCellVal.cellId + '"';
                    }
                    else {
                        var cellId = this.id + '_row_' + rowId + '_' + cm.name;

                        result = ' rowspan="1" id="' + cellId + '"'+'"+"';
                        prevCellVal = { cellId: cellId, value: val };
                    }

                    return result ;
                }

可能我没有明白你想说的，但这是我当前的情况，我需要的是将添加新值下拉列表移动为现有行下右侧的新行文件或多个文件(根据服务器返回的值可能是多个)。我已经使用了 cellattr 函数，如上所述。有了答案我无法解决这个问题。使用格式化程序，当没有返回文件时，我可以将其移动到右侧。但我无法将其移至返回值的一侧进一步的帮助将不胜感激提前致谢

Answer 1

我发布了the answer它展示了如何使用rowspan属性来填充与您所做的接近的网格。来自回答你的演示cellattr ，但可以使用 setCell太设置rowspan也是。

我做了the demo来证明这一点。它最初显示以下网格

单击“单击我添加新行”按钮后，我使用 addRowData添加行并使用 setCell为 rowspan 设置新值一些先前行的属性。于是就看到了下面这张图

我禁用了“单击我添加新行”按钮，因为我编写的代码非常粗糙。我只使用 rowid 的固定值，而不是分析数据并动态评估所有必需的值。尽管如此，演示清楚地表明人们可以动态填充此类网格。

click内部事件处理程序我只使用了以下调用

$("#list").jqGrid("addRowData", "100", { country: "USA", state: "California",... },
    "last");

$("#list").jqGrid("setCell", "60", "state", "", "", {rowspan: "5"});
$("#list").jqGrid("setCell", "10", "country", "", "", {rowspan: "10"});

更新:可以用同样的方式添加任何 HTML 片段(如 <button> )。 One more demo在网格中添加按钮