如何在jqgrid中更改CellSelect事件中的图像?

时间:2011-10-03 20:54:11

标签: jquery jqgrid jqgrid-php

我遇到了麻烦,因为在jqgrid的onCellSelect事件中我想要更改单元格的图像,例如,一旦我在单元格内部单击,我想要更改图像,如下所示:enter image description here,唯一我已归档的东西一旦每个单元格中的网格加载加载图像,它就会改变:

这是我在网格中加载img的代码:

{display: '', name : '', formatter: image}

function image(cellvalue, options, rowObject){
    if(rowObject[5]== 1){
        return "<span class='ui-icon ui-icon-plusthick'></span>";
    }else{
        return "<span class='ui-icon ui-icon-minusthick'></span>";
    }
}

和我的方法

onCellSelect: function() {
    id = $("#list2").getGridParam('selrow'); 
 }, 

我怎样才能在onCellSelect上改变每个单元格的img?

1 个答案:

答案 0 :(得分:1)

我不确定我是否理解正确,但这是一个样本:

onCellSelect: function(rowid, iCol, cellcontent, e) {
   // Get current row content.
   var data = $(this).jqGrid('getRowData', rowid);

   // Edit the column's content. In this case the one named image.
   data.image = "<span class='ui-icon ui-icon-plusthick'></span>";

   // Set the data back.
   $(this).jqGrid('setRowData', rowid, data);
},

我希望它有所帮助。