如何更改 jqGrid 中特定单元格的 Html？答案

【问题标题】：How to change Html of a particular cell in jqGrid?如何更改 jqGrid 中特定单元格的 Html？
【发布时间】：2015-06-04 12:53:07
【问题描述】：

在我的 jqGrid 实现中，我们有一个带有下拉菜单的子网格，我们希望在更改该下拉菜单时更改单元格中的图标。我使用Formatter 生成了下图所示的图标。但现在我想从单元格中添加/删除图标图像。这可能吗？我非常感谢任何帮助/想法？我们在这个项目中使用 jqGrid for ASP .NET。

function formatActionGridIcons(cellValue, options, rowObject) {
    if (cellValue.indexOf("_") == -1) return '';

    var arr = cellValue.split('_');

    var icon1 = arr[0];
    var icon2 = arr[1];
    var icon3 = arr[2];

    //if (icon1 == "R")
    var cellHtml = getIconHtml(icon1) + getIconHtml(icon2) + getIconHtml(icon3); 
    return cellHtml;

}
function getIconHtml(icon) {
    if (icon == null || icon == "") return "";
    var result = GetIconPath(icon);
    if (typeof (result) === "undefined" || result == "")
        return "";
    else
         return "<img src='" + GetIconPath(icon) + "' width='18px' height='18px' />";
}
function unformatActionGridIcons(cellValue, options, cellObject) {
    return $(cellObject.html()).attr("originalValue");
}

【问题讨论】：

您可以使用自定义格式化程序。如果您可以发布此格式化程序的colmodel，那会更好地发布一些想法。
感谢 Jai，这是使用自定义格式化程序完成的。我可以在生成的源代码中看到 colModel。请记住，这是用于 ASP .NET 的 jqGrid 商业版本，因此我们将列定义为 ASP .NET 控制标记。但是我在这里发布了自定义格式化程序的代码。
getIconHtml 的代码看起来很奇怪，因为它总是返回空字符串""（查看 if 和 else）。

标签： jquery jqgrid jqgrid-asp.net

【解决方案1】：

您可以使用setCell 来修改带有图标的单元格。它在内部调用单元格的格式化程序以生成将在网格中设置的 HTML 片段。所以你只需要使用相同格式的数据setCell 作为它的 3-d 参数，就像你在网格的输入中使用的那样。

【讨论】：

是的，有效。谢谢。一个侧面的问题。是否可以从启用了自定义格式化程序的列中提取原始值？我在UnFormat 方法中使用return $(cellObject.html()).attr("originalValue");，但在getCell 方法中获取html
@Imran：不客气！实现需求的方法有很多。我想知道你在 unformatter 中使用了.attr("originalValue")。我假设您在 cellattr 中设置了您未发布的属性。这种方式可能是一种可能的实现方式。如果您使用datatype: "local" 或使用loadonce: true，另一种方法将起作用。 unformatter的option参数包含rowId和colModel``property. So you can use var rowdata = $(this).jqGrid("getLocalRow", options.rowId);`获取rowdata和rowdata[option.colModel.name]获取列值。跨度>