La cellule info-bulle dans SlickGrid

Certaines cellules dans mon SlickGrid table myClass classe.

J'ai ajouté une info-bulle pour eux comme ceci:

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

Il fonctionne très bien, mais si j'ai faites défiler la table vers le bas, puis faites défiler vers l'arrière vers le haut, l'info-bulle n'apparaît plus.

Quelqu'un peut proposer aucune solution de contournement ?

Merci !

InformationsquelleAutor Misha Moroshko | 2010-05-06
  1. 4

    essayer:

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

    si cela ne fonctionne pas, je suppose .myClass a été supprimer donc, essayez de l'ajouter à nouveau dans tous les parchemins...

    de toute façon, l'utilisation de la live()

    • Excellent ! Il fonctionne 🙂 Une chose qui me dérange: je vois dans les docs que "La .hover() la méthode de lie des gestionnaires pour les deux mouseenter et mouseleave". Alors, pourquoi le remplacement des mouseover avec mouseenter ne fonctionnera pas ? J'ai vérifié et constaté que si je mets mouseenter au lieu de mouseover, puis function(event) {..} est appelé aussi bien que event.type = "mouseover". Pourquoi est-ce ? Merci pour votre aide !
    • hover() ne fonctionne pas sur live()...
    • live() est obsolète, resp. il n'existe pas plus en jQuery 1.9.
    InformationsquelleAutor Reigel
  2. 14
            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
        });

    cellule, la ligne et le point sont juste des exemples pour savoir comment obtenir les données

    InformationsquelleAutor Dmitry Grinberg
  3. 3

    Il y a un plugin pour Slickgrid qui permettra d'afficher les info-bulles pour les articles qui sont trop gros pour afficher dans une cellule (si c'est ce que vous êtes en quête de le faire):
    SlickGrid: comment faire pour afficher le texte intégral pour les longues cellules entrées?

    InformationsquelleAutor E.Z. Hart
  4. 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");
        }
      }
    • Il serait mieux d'expliquer pourquoi votre code est la bonne réponse et où est la solution.
    InformationsquelleAutor teja