文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在flexigrid中添加工具提示？

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

Stack Overflow用户

提问于 2012-07-23 12:04:55

回答 1查看 1.2K关注 0票数 0

我刚接触flexigrid，但是关于如何将工具提示和多行工具提示添加到flexigrid表格中的每个单元格和表格标题中的文档或示例并不多。

有没有flexigrid工具提示的例子和样本？

谢谢

关于flexigrid http://flexigrid.info/

jquery

flexigrid

回答 1

Stack Overflow用户

发布于 2013-09-18 02:48:02

使用以下代码，我成功地获得了工具提示。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11606356

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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