如何在flexigrid中添加工具提示？

Question

我是flexigrid的新手，但沒有太多文檔或示例如何將工具提示和多行工具提示添加到flexigrid表格和表格標題中的每個單元格。

flexigrid tooltip是否有任何示例和示例？

感謝

約flexigrid http://flexigrid.info/

Answer 1

我設法工具提示使用下面的代碼工作。

function loadToolTips(){ 
$('#Employees tr').each(function(){ 

      var tooltip = 'Employee Code : ' 
      tooltip = tooltip + $('[abbr="EmployeeCode"]',this).text(); 
      tooltip = tooltip + '<br />'; 

      tooltip = tooltip + 'Name: ' 
      tooltip = tooltip + $('[abbr="Name"]',this).text(); 
      tooltip = tooltip + '<br />'; 

      tooltip = tooltip + 'Department: ' 
      tooltip = tooltip + $('[abbr="Department"]',this).text(); 
      tooltip = tooltip + '<br />'; 

      tooltip = tooltip + 'Section: ' 
      tooltip = tooltip + $('[abbr="Section"]',this).text(); 

      $("td", this).each(function() { 
       var $TableCell = $(this); 
       $TableCell.attr("title", tooltip); 
       $TableCell.addClass("tooltip"); 
      }); 
     }); 
$('.tooltip').tooltipster(); 

}

我先通過所有行的循環在網格，通過使用縮寫的獲得來自行中的每個單元格的值建立刀尖。

對於行內的每個單元格，然後使用工具提示值添加title屬性。

我還添加了一個類工具提示，但這只是因爲我使用的是tooltipster。

當調用onSuccess方法時，我調用loadToolTips函數。

preProcess: somefunction, 
onSuccess: loadToolTips