如何从jqGrid单元中删除CSS类？

如何解决如何从jqGrid单元中删除CSS类？

| 可以使用setCell方法将CSS类添加到jqgrid单元，如下所示。

grid.setCell(rowId,\"ColumnName\",\"\",\"my-style-class\");

考虑到该方法似乎只能添加CSS类，如何从jqgrid单元中删除CSS类呢？     

解决方法

        使用标准的jqGrid方法无法删除调用类。因此，您必须手动执行此操作：

var iCol = getColumnIndexByName(grid,\"ColumnName\"),tr = grid[0].rows.namedItem(rowid),// grid is defined as grid=$(\"#grid_id\")
    td = tr.cells[iCol];
$(td).removeClass(\"my-style-class\");

其中

getColumnIndexByName

是一个简单函数，可通过列名获取列索引：

var getColumnIndexByName = function(grid,columnName) {
    var cm = grid.jqGrid(\'getGridParam\',\'colModel\');
    for (var i=0,l=cm.length; i<l; i++) {
        if (cm[i].name===columnName) {
            return i; // return the index
        }
    }
    return -1;
}

在此处查看演示。 更新：免费jqGrid具有

iColByName

内部参数，可以代替

getColumnIndexByName

函数使用。 free4ѭ参数将由内部的免费jqGrid填充，并将通过重新编排列进行更新。因此使用起来很安全

var p = grid.jqGrid(\"getGridParam\"),// get the reference to all parameters
    iCol = p.iColByName[\"ColumnName\"],// get index by column name
    cm = p.colModel[iCol]; // item of \"ColumnName\" column

方法非常简单，并且可以非常快速地工作。在发布免费jqGrid 4.8之后，应该考虑到该功能已包含在免费jqGrid中。因此，必须从GitHub下载最新资源或至少使用免费的jqGrid 4.9-beta1才能具有此功能。     ,        通过删除旧类，可以轻松地将新类添加到单元格：

$(\"#gridname\").removeClass(\'oldclass\')
              .setCell(rowId,\'column_name\',\'\',\'newclass\');

其中“ 9”是包含相应单元格的行的id，可以通过以下方式获得：

var ids = $(\"#gridname\").jqGrid(\'getDataIDs\');