Special hints for data in jqGrid 3.4

Question

I work with a great jqGrid plugin and it works great. Recently, however, I was asked to implement some customizable tooltips for the grid. The documentation is now very thorough, but it does not consider how (if at all possible) to accomplish this.

Here is an example of what I'm looking for:

| col A | col B | ...
| data | data | ...
| (mouseover) - x data

I looked through the documentation and the source for how / where to define tooltips, but the closest I got user tooltips for buttons in edit mode. I have an event handler for the afterInsertRow event - through this I can get rowId, etc., but I'm not sure how to define the HTML attributes in this event.

EDIT: to clarify, I would like to set the title attribute in a separate cell for a specific piece of data (which I already have in the jqgrid model)

EDIT 2: I tried to insert the following into the afterInsertRow event without joy, where aData is the JSON model and ExpirationDate is the model name:

afterInsertRow: function(rowid, aData) {
                grid.setCell(rowid, 'ExpirationDate', '', { title: aData.ExpiredBy });

The following code in the same DOES event handler works, however:

grid.setCell(rowid, 'ExpirationDate', '', { color: 'red' });

EDIT 3: redsquare, , title afterInsertRow: , , , , , , , .

EDIT 4: ( !) RedSquare loadComplete, , :

loadComplete: function() {
                var ids = grid.getDataIDs();
                for (var i = 0; i < ids.length; i++) {
                    grid.setCell(ids[i], 'ExpirationDate', '', { title: 'FOO!'});
                }

: . - redsquare.

Answer 1

, . , , , , grid.setCell(...):

. : • rowid: id ,

• colname: ( 0)

• : , .

• class: , addClass; class - , css css

• :

:

setCell ( "10", "tax", '', {: "", " ": "" } "{:" Tax '})

10 " ".

, , , css- (4- ) (5- ). , . , :

grid.setCell(rowid, 'ExpirationDate', '', '',{ title: aData.ExpiredBy});

redsquare / !

Answer 2

? , , , () . .live .

$('#gridId>tbody>tr').live('mouseover', showTip)
                     .live('mouseoff', hideTip);

function showTip(){

   var $row = $(this);
   //get tooltip from first hidden cell
   var tipText = $row.children(':eq(0)').text()
   //append tipText to tooltip and show

}


function hideTip(){

    //hide tip

}

Answer 3

ok . , , , . .

N.B. , . .

$("#gridId").jqGrid({
     ...,
     afterInsertRow : setCellTitle,
     ...
});



function setCellTitle(rowid){
  //get fourth cell in row
  var $cell = $(rowid).children(':eq(3)');
  //set title attribute
  $cell.attr('title', $cell.text());

}