JQGRID：基于弹出ok按钮更改图标类

我使用的是JqGrid，第二列有很多图标，可以打开一个弹出窗口。当用户单击弹出窗口中的ok按钮时，我需要更改jqgrid中该特定行第二列中图标的类

我正在使用tableToGrid（）构建JqGrid

我们有使用tableToGrid mtd的依赖项

已更新代码：：

var options = {
            datatype:'local',
            width:"1360",
            height: "100%",
            shrinkToFit: false,
            rownumbers: false,
            gridview: true,
            multiSort: true,
            sortname: "Id",
            sortorder: "asc",
            viewrecords: true,
            loadui: true,
            loadonce: true,
            multiselect:false,
            rowNum : 10000,
            deepempty : true,
            //loadComplete: function() { },
            //colName: [checkboxHeader,dragHandle,'Description', 'Media', 'Source Type', 'Source', 'Auto Firm', 'Auto Firm Period','', '', '', '', '', '', ''],
            colName: [checkboxHeader,'Title','Fin Prod ID', 'Product Type', 'Title Tags', 'Date Type', 'Territory','Language', 'Release Date', 'Rel Date Status', 'Feed Date', 'Feed Date Status', 'Manual Date', 
                      'Temp/Perm','Projected Date','Rel Date Tags','','','','','','','','','','','','','','','','',''],// count is 33
            colModel: [{name: 'rdr_checkboxHeader',editable: false, width:30, align:'center', sortable:false, formatter:that.rowSelectorFormatter},
                       {name: 'rdr_icon',editable: false, sortable:false, formatter:that.iconFormatter},
                       {name: 'rdr_titleName',editable: false, width:190,sortable:false},
                       {name: 'rdr_fnnclPrdctId', editable: true, width:95,  sortable:false},
                       {name: 'rdr_productType', editable: false, width:95, sortable:false},
                       {name: 'rdr_titleTags', editable: false, width:90, sortable:false},
                       {name: 'rdr_dateType', editable: false, width:70, /*align:'center',*/ sortable:false},
                       {name: 'rdr_territory', editable: false, width:170, sortable:false},
                       {name: 'rdr_language', width:90, editable:false},
                       {name: 'rdr_releaseDate', width:90, editable:false, /*formatter:that.releaseDateFormatter,formatoptions:{newformat:'dd-M-yy'},*/ sorttype: "date",sortable:true },
                       {name: 'rdr_relDateStatus', width:90, editable:false,formatter:that.relDateStatusFormatter},
                       {name: 'rdr_feedDate', width:90, editable:false,},
                       {name: 'rdr_feedDateStatus', width:90, editable:true},
                       {name: 'rdr_manualDate', width:90, editable:false,formatter:that.manualDateFormatter},
                       {name: 'rdr_tempPerm', width:90, editable:true, formatter:that.tempPermFormatter},
                       {name: 'rdr_projectedDate', width:90, editable:false/*,formatter:that.projectedDateFormatter*/},
                       {name: 'rdr_relDateTags', width:90, editable:true,formatter:that.redDateTagFormatter},

                       {name: 'rdr_createDate', hidden:true, editable:false, key:true},
                       {name: 'rdr_updateDate', hidden:true, editable:false},
                       {name: 'rdr_createName', hidden:true, editable:false},
                       {name: 'rdr_updateName', hidden:true, editable:false},
                       {name: 'rdr_releaseDateId', hidden:true, editable:false},
                       {name: 'rdr_comments', hidden:true, editable:false},
                       {name: 'rdr_productId', hidden:true, editable:false},
                       {name: 'rdr_releaseDateGuidelineId', hidden:true, editable:false},
                       {name: 'rdr_dateSourceId', hidden:true, editable:false},

                       {name: 'rdr_productVersionId', hidden:true, editable:false},
                       {name: 'rdr_admissions', hidden:true, editable:false},
                       {name: 'rdr_boxOfficeAmountLc', hidden:true, editable:false},
                       {name: 'rdr_boxOfficeAmountUsd', hidden:true, editable:false},
                       {name: 'rdr_compareString', hidden:true, editable:false},
                       {name: 'rdr_versionId', hidden:true, editable:false},
                       {name: 'rdr_intlPrdTypeId', hidden:true, editable:false},
                       {name: 'rdr_relaseDateTags', hidden:true, editable:false},]
    };
    tableToGrid("#gridId", options);

格式化程序看起来像这样

this.iconFormatter=函数（单元格值、选项、行对象）{
var注释=”；
var commentClass=“图标注释alt”；
var releaseDateId=“”；
如果（行对象）{
comments=rowObject.rdr_comments；
releaseDateId=rowObject.rdr_releaseDateId；
}
var text=“”；/*”*/；
如果（comments.trim（）！=“”）
commentClass='图标注释'；
文本+=”；
//文本+=”；
文本+=”；
文本+=”；
文本+=”；
返回文本；
};

如果我单击任何一个图标，它将打开一个弹出窗口，当用户单击“确定”时，我们需要更改与该图标关联的类

希望大家都能理解。
打开弹出窗口时，我们应该保留图标的id并相应更新

我是这样想的

如果我正在打开一个具有“testId”id的图标，请将此id保存在变量中，如
var x='testId'
，当用户单击“确定”按钮时，使用代码更新对象。
$（'#'+x）.addClass（'commentExist'）
tableToGrid
通常不是创建和填充jqGrid的好方法。在avy方式中，你应该在你的问题文本中添加JavaScript/HTML代码，这些代码显示了你到底在做什么。。。