1

jqgridでqtipを使用し、jqgrid内で選択されている行に応じて異なる画像を表示したいと思います。画像のパスは、隠しセルとしてjqgrid内にある可能性があります。私は周りを見回しましたが、jqgridに使用できる関連する行セレクターがあるかどうかに関するドキュメントが見つかりません。誰かが私が欲しいセレクターを知っていますか、それとも私がまったく別のアプローチを試みるべきかどうかを知っていますか？

これまでに機能した唯一のセレクターは以下のとおりですが、グリッド全体を対象としています。行を指定するためにいくつかのことを試みましたが、何も機能しませんでした。どんな助けでもいただければ幸いです。

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

1 に答える 1

0

私の解決策は、ワインの画像がある各行にアイコンを配置し、行の 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;
            }
于 2011-02-22T04:39:18.960 に答える