jqgrid

2011-01-09 19 views
5

पर टूलटिप जोड़ने के लिए कैसे मैं सर्वर में मौजूद डेटा प्रदर्शित करने के लिए jqgrid का उपयोग कर रहा हूं मैं माउस होवर टूल टिप पर डेटा का विवरण कैसे दिखा सकता हूं।jqgrid

जो jqgrid पर टूल टिप दिखाने का सबसे अच्छा तरीका है?

उत्तर

11

माउस होवर पर jqGrid में दिखाया गया टूलटिप संबंधित HTML तत्वों के "शीर्षक" एट्रिब्यूट के रूप में कुछ भी नहीं है। आप setCell साथ टूलटिप बदल चाहते हैं:

$("#list").setCell(rowid,'Name','','',{'title':'my custom tooltip on cell'}); 

जहां 'Name' स्तंभ नाम जहां टूलटिप का गठन किया जाएगा और rowid पंक्ति की पहचान है। अधिक जानकारी के लिए संदर्भों सहित this answer पढ़ें।

1
var setTooltipsOnColumnHeader = function (grid, iColumn, text){ 
     var thd = jQuery("thead:first", grid[0].grid.hDiv)[0]; 
     jQuery("tr.ui-jqgrid-labels th:eq(" + iColumn + ")", thd).attr("title", text); 
    }; 


and just set tooltip on header column 

setTooltipsOnColumnHeader ($("#empgrid"), 4, "Invoice No"); 
setTooltipsOnColumnHeader ("GRID NAME", "COLUMN" , "TOOLTIP TEXT"); 
+2

हेडर तत्वों पर टूलटिप्स के लिए आप 'setLabel' का उपयोग कर सकते हैं। उस कॉल का हस्ताक्षर 'सेटसेल' के समान है, सिवाय इसके कि आप पंक्तिबद्ध निर्दिष्ट नहीं करते हैं। उदाहरण: '$ (" # AJAXGrid ")। सेट लेबल ('नाम', '', '', {'शीर्षक':" परियोजना का नाम "});' –

+0

प्रलेखन: http://www.trirand.com/jqgridwiki /doku.php?id=wiki%3amethods –