7

SlickGrid テーブルの一部のセルにはmyClassクラスがあります。

次のようなツールチップを追加しました。

$(".myClass").hover(// Mouse enters
                    function(e) {...},
                    // Mouse leaves
                    function() {...});

正常に動作しますが、テーブルを一番下までスクロールしてから一番上までスクロールすると、ツールチップが表示されなくなります。

誰かが回避策を提案できますか?

ありがとう ！

4

4 に答える 4

15 
        grid.onMouseEnter.subscribe(function(e, args) {
            var cell = grid.getCellFromEvent(e)
            var row = cell.row
            var item = dataView.getItem(row);
            //do whatever
        });

        grid.onMouseLeave.subscribe(function(e, args) {
            //do whatever
        });

セル、行、および項目は、データを取得する方法の単なる例です

于 2011-11-02T17:12:39.683 に答える
4

試す：

$('.myClass').live('mouseover mouseout', function(event) {
 // works only on jQuery 1.4.1 and up
  if (event.type == 'mouseover') {
    // Mouse enters 
  } else {
    // Mouse leaves
  }
});

それが機能しない場合は、.myClass削除されていると思いますので、すべてのスクロールで再度追加してみてください...

いずれにせよ、live()

于 2010-05-06T03:50:36.547 に答える
3

大きすぎてセルに表示できないアイテムのツールチップを表示する Slickgrid 用のプラグインがあります (それが最終的に目的である場合): SlickGrid: 長いセル エントリの全文を表示する方法?

于 2013-04-28T22:24:42.547 に答える
0 
1. include ../slick/plugins/slick.autotooltips.js
ex)     

    <script src="/jsp/slick/plugins/slick.autotooltips.js"></script>

2. add code

    $.get(url,function(data){

    ...

    grid.registerPlugin( new Slick.AutoTooltips({ enableForHeaderCells:
    true }) );

    ...


more...

use jquery.ui.tooltips

ex)
<link rel="stylesheet" href="/jsp/jui/themes/base/jquery.ui.tooltip.css"/>
<script src="/jsp/jui/ui/jquery.ui.core.js"></script>
<script src="/jsp/jui/ui/jquery.ui.widget.js"></script>
<script src="/jsp/jui/ui/jquery.ui.position.js"></script>
<script src="/jsp/jui/ui/jquery.ui.tooltip.js"></script>

open slick.grid.js and modify function 2436(line)

    function setActiveCellInternal(newCell, opt_editMode) {
      if (activeCellNode !== null) {
        makeActiveCellNormal();
        $(activeCellNode).removeClass("active");
        try{$( document ).tooltip("destroy");}catch(e){}    // <<<< add code
        try{$( document ).tooltip();}catch(e){}         // <<<< add code
        if (rowsCache[activeRow]) {
          $(rowsCache[activeRow].rowNode).removeClass("active");
        }
      }
于 2013-10-22T07:45:01.147 に答える