如何在ActiveAdmin索引页面中的记录中添加工具提示？

Question

我的应用程序有一个非常标准的索引页面,列出了ActiveRecord表中的所有记录.

我想添加一个工具提示,当鼠标悬停在索引页面的一行上时,它会提供一些自定义信息.但是,我的Google和Stackoverflow搜索没有产生任何目标.(我怀疑如果我更熟悉ActiveAdmin及其组件,我可能会在我扫描的文档中找到答案.)

任何人都可以向我提供缺失的链接吗？谢谢!

Answer 1

一位同事让我想起了HTML4 +'title'属性,当悬停在元素上时,该属性实际上显示了一个纯文本工具提示.以下是我能够实现它的方法:

应用程序/管理/ some_models.rb

ActiveAdmin.register SomeModel do
  ...
  index do
    ...
        column some_field do |some_model|
          div(title: 'tooltip text - can be a helper method call') do
            some_model.some_field # the value to be displayed in the column
          end
        end
    ...

如果纯文本工具提示不够,则需要将onmouseover事件监听器添加到div中定义的样式或为div的类定义的css(类:必须在div中指定),然后添加一个javascript app/assets/javascripts/active_admin.js中的函数或者其他函数.

我希望这可以帮助别人.

Answer 2

这里有几个可用的选项：http://www.unheap.com/section/user-interface/tool-tips/