2014-11-18 1 views
1

내 응용 프로그램에는 ActiveRecord 테이블의 모든 레코드를 나열하는 꽤 표준적인 인덱스 페이지가 있습니다.ActiveAdmin 인덱스 페이지의 레코드에 툴팁을 어떻게 추가합니까?

마우스를 인덱스 페이지의 행 위로 가져 가면 몇 가지 사용자 정의 정보를 제공하는 툴팁을 추가하고 싶습니다. 그러나 내 Google과 Stackoverflow 검색은 목표물을 찾지 못했습니다. (나는 ActiveAdmin과 그 구성 요소에 더 익숙하다면, 내가 스캔 한 문서에 포함 된 답변을 발견했을 수도 있습니다.)

누락 된 링크를 누구에게 제공 할 수 있습니까? 감사!

답변

3

동료는 요소에 유혹 할 때 실제로 텍스트 전용 도구 설명을 표시하는 HTML4 + '제목'속성을 생각 나게했다. 여기에 내가 그것을 구현 할 수 있었다 방법입니다

응용 프로그램/관리/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 또는 elsewhwere에 javascript 함수를 추가하십시오.

이 정보가 도움이되기를 바랍니다.

관련 문제