Question

我想在jqgrid中使用qtip，并根据jqgrid中选择的行显示不同的图像。图像的路径可以在jqgrid内作为隐藏单元格。我环顾四周但是找不到任何关于jqgrid是否有可用的相关行选择器的文档。有没有人知道我想要的选择器，或者我是否应该尝试不同的方法？

到目前为止唯一可以使用的选择器是下面的，但它适用于整个网格。我已经尝试了一些事情来指定行但没有任何工作。任何帮助将不胜感激。

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

Answer 1

我的解决方案是在每行中放置一个带有葡萄酒图像的图标，并为其指定行的ID。这意味着每行可以被赋予一个唯一的类来悬停。不漂亮，但它有效。

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

qtip jqgrid选择器问题

1 个答案: