1

I am having trouble because in a onCellSelect event of the jqgrid I want to change the image of a cell, for example once I click inside the cell I want to change the image like this:enter image description here, the only thing I have archived It is changing once the grid load in each cell loads an image:

this is my code for loading the img in the grid:

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

and my method of 

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

how can I archieve that on a onCellSelect change the img of each cell?

AaA
  • 3,600
  • 8
  • 61
  • 86
Rick Salad
  • 83
  • 1
  • 12

1 Answers1

1

I'm not sure I understand correctly, but here's a sample:

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

I hope it helps.

Andrius Virbičianskas
  • 546
  • 3
  • 5
  • I used the same code I am using free jqgrid 4.14 but it is not working for me. Any other alternative? – shv22 May 24 '17 at 17:53