如何在jqGrid中更改特定单元格的Html?

时间:2015-06-04 12:53:07

标签: jquery jqgrid jqgrid-asp.net

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

enter image description here

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");
}

1 个答案:

答案 0 :(得分:1)

您可以使用setCell修改带有图标的单元格。它在内部调用单元格的格式化程序以生成将在网格中设置的HTML片段。因此,您需要使用相同格式的数据setCell作为其在网格输入中使用的3-d参数。