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

Question

我是 flexigrid 的新手，但没有太多关于如何将工具提示和多行工具提示添加到 flexigrid 表格中的每个单元格和表格标题的文档或示例。

是否有任何用于 flexigrid 工具提示的示例和示例？

谢谢

关于 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();

}

我首先遍历网格中的所有行，并通过使用缩写从行中的每个单元格获取值来构建工具提示。

对于行中的每个单元格，然后我添加带有工具提示值的标题属性。

我还添加了一个类工具提示，但这只是因为我使用的是 tooltipster。

我在调用 onSuccess 方法时调用了 loadToolTips 函数。

preProcess: somefunction,
onSuccess: loadToolTips