qtip jqgrid вопрос селектора

Question

Я хочу использовать qtip с jqgrid и показывать другое изображение в зависимости от того, какая строка выбрана в jqgrid.Путь изображения может быть внутри jqgrid как скрытая ячейка.Я осмотрелся, но не могу найти никакой документации, если jqgrid имеет соответствующий селектор строк, который можно использовать.Кто-нибудь знает селектор, который я хочу, или мне вообще следует попробовать другой подход?

Единственный селектор, который работал до сих пор, находится ниже, но он для всей сетки.Я попытался несколько вещей, чтобы указать строку, но ничего не получилось.Любая помощь будет оценена.

$('#gridtable').qtip({
         content: 'Some text',
         show: 'mouseover',
         hide: 'mouseout',
         position: {
            corner: {
            target: 'topLeft',
            tooltip: 'bottomLeft'
         }
      }
     });

Answer 1

Мое решение состояло в том, чтобы поместить значок в каждой строке с изображением вина и назначить ему идентификатор строки.Это означало, что каждому ряду может быть присвоен уникальный класс для наведения на него.Не красиво, но это сработало.

 if((gridRow['photo'] != "false"))
                {

                $("#gridtable2").jqGrid('setRowData',i+1,{wine:'<div class ="imageicon'+i+'">'+ret['wine']+'  <img src=\"images/icon-wine.png\" height="16" width="13"/></div>'});

                path = '<img src="images/winephotos/'
                + gridRow['id']
                +'.jpg" width="350" height="450" alt="Wine Image"'
                +' class="resize"/>';

                $('.imageicon'+i).qtip({
                    content:  $(path)
                        ,
                        position: {
                             corner: {
                             target: 'topLeft',
                             tooltip: 'bottomLeft'
                          }

                    },
                    show: {
                        when: 'click',
                        //ready: true,
                        solo: true
                    },
                    hide: {
                        when: {
                            event: 'click',
                            event: 'mouseout'
                        }
                    },
                    style: { 
                         width: { max: 280 }, 
                        name: 'dark' 
                     }
                });
                 }
                gridRow=false;
            }