如何在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中指定），然后在app / assets / javascripts / active_admin.js中添加一个javascript函数或者其他。

我希望这有助于某人。

Answer 2

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