开发者

qtip jqgrid selector question

I want to use qtip with jqgrid and show a different image depending on which row is selected within the jqgrid. The path of the image could be within the jqgrid as a hidden cell. I have looked around but can't find any documentation on if jqgrid has a relevant row selector that could be used. Does anyone know the selector I want or if I should be trying for a different approach altogether?

The only selector that worked so far is below but it is for the entire grid. I have tried a few开发者_StackOverflow things to specify the row but nothing has worked. Any help would be appreciated.

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


My solution was to place an icon within each row that had a wine image and assign it the id of the row. This meant that each row could be given a unique class to hover over. Not pretty but it worked.

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

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜