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

时间:2012-07-23 04:04:55

标签: jquery flexigrid

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

是否有任何flexigrid工具提示的示例和示例?

感谢

关于flexigrid http://flexigrid.info/

1 个答案:

答案 0 :(得分:0)

我设法使用以下代码获取工具提示。

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

}

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

对于行中的每个单元格,然后使用工具提示值添加title属性。

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

调用onSuccess方法时调用loadToolTips函数。

preProcess: somefunction,
onSuccess: loadToolTips