Question

It is possible to add a CSS class to a jqGrid cell using the setCell method as below.

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

考虑到这一方法似乎只能够add CSS课程,如何从一个jqGrid囚室搬走一间CSS班?

Answer 1

可以用标准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");

<代码>ColumnIndexByName是一种简单的功能,可按栏目索引:

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

See the demo here。

<>UPDATED:Free jqGrid有iColByName 内部参数,可加以使用,而不是。 <代码>iColByName参数将在内部由自由支架填充,并将通过重整栏加以更新。因此,安全使用

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<><>>/em>出版免费jqGrid 4.8。因此,必须从Gite Hub下载最新消息,或至少使用4.9-beta1自由 j。

Answer 2

一个人可以轻松地在牢房中增加新班级,将旧的班级删除如下:

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

Where rowId is id of the row containing corresponding cell and can be obtained as:

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

友情链接