2011-01-09 41 views
5

Sunucuda bulunan verileri görüntülemek için jqgrid kullanıyorum Fare vurgulu aracı ipucundaki verilerin açıklamasını nasıl gösterebilirim.jqgrid Tooltip nasıl eklenir

jqgrid'de araç ipucunu göstermenin en iyi yolu hangisidir?

cevap

11

Fare imlecinde jqGrid'de gösterilen araç ipucu, karşılık gelen HTML öğelerinin "başlık" atribütünden başka bir şey değildir. Eğer setCell ile araç ipucu değiştirmek isterseniz:

'Name' ipucu ayarlamak ve rowid satırı tanımlamak olacaktır sütun adıdır
$("#list").setCell(rowid,'Name','','',{'title':'my custom tooltip on cell'}); 

. Daha fazla bilgi için referanslar dahil this answer'u okuyun.

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

Başlık öğeleri üzerindeki araç ipuçları için 'setLabel' kullanabilirsiniz. Bu çağrının imzası, "setCell" ile benzerdir, ancak satır belirtmezseniz. Örnek: '$ (" # ajaxGrid "). SetLabel ('İsim', '', '', {'başlık': 'Proje Adı'});' –

+0

Belgeleme: http://www.trirand.com/jqgridwiki /doku.php?id=wiki%3amethods –