SlickGrid

Question

में सेल टूलटिप मेरी SlickGrid तालिका में कुछ कक्षों में myClass कक्षा है।

मैं इस तरह उनके लिए एक टूलटिप कहा:

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

यह ठीक काम करता है, लेकिन अगर मैं नीचे करने के लिए तालिका स्क्रॉल करें, और फिर इसे वापस शीर्ष करने के लिए स्क्रॉल, टूलटिप अब और दिखाई नहीं देता।

क्या कोई कोई कामकाज सुझा सकता है?

धन्यवाद!

Answer 1

कोशिश:

$('.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()

का उपयोग

Answer 2

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

सेल, पंक्ति और आइटम कितना डेटा को पाने के लिए के लिए उदाहरण हैं

Answer 3

वहाँ Slickgrid के लिए एक प्लगइन है कि आइटम है कि एक सेल में दिखाने के लिए बहुत बड़े हैं के लिए टूलटिप्स प्रदर्शित करेगा (है कि यदि आप अंत में करने के लिए देख रहे हैं क्या है) है: SlickGrid: how to view full text for long cell entries?

Answer 4

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