단순 양식 연관 필드의 디스플레이 관련 텍스트 위로 마우스를 가져갑니다.

atw

저는 Rails와 간단한 형태를 사용하고 있습니다. 연관 필드와 함께 표시하는 컬렉션이 있습니다. 컬렉션의 각 항목에 대해 해당 항목에 속하는 속성의 제목 위에 마우스 커서를 올려 놓고 싶습니다 description.

내 협회는 다음과 같습니다.

<%= f.association :user_roles, collection: @roles, as: :check_boxes, label_method: :name, label: false %>

각 역할에 대한 설명 텍스트 위에 마우스를 올려 놓고 싶습니다. 내 머릿속에는 다음과 같은 일이 가능해야합니다.

<%= f.association :user_roles, collection: @roles, wrapper_html: {title: UserRole.where(id: this_current_items_id).first.description}, as: :check_boxes, label_method: :name, label: false %>

또는:

<%= f.association :user_roles, collection: @roles, wrapper_html: {title: :description}, as: :check_boxes, label_method: :name, label: false %>

이 둘 중 어느 것도 분명히 작동하지는 않지만 내 머리 속에 이와 같은 해결책은 쉬울 것입니다. 단순한 형태의 사람들은 이런 상황을 결코 생각하지 않은 것 같습니다.

그러나 이것이 가능합니까? 또는 현재 항목의 ID를 가져 와서 해당 항목 설명을 표시하려면 어떻게해야합니까?

추신 : 제가 필요한 것은 간단한 형태입니다 hover_method!

랄라 콤

다음과 같이 컬렉션의 각 항목에 다른 속성을 쉽게 추가 할 수 있습니다.

<%= f.association :user_roles, collection: @roles.map { |r| [r.name, r.id, { title: r.description, "data-toggle": "hover" }] }, as: :check_boxes, label: false %>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

텍스트 효과 위로 마우스를 가져갑니다.

분류에서Dev

leaflet.js 마커의 팝업 위로 마우스를 가져갑니다.

분류에서Dev

플로트 및 디스플레이와 관련된 Chrome과 Firefox의 레이아웃 차이 : 표

분류에서Dev

플로트 및 디스플레이와 관련된 Chrome과 Firefox의 레이아웃 차이 : 표

분류에서Dev

텍스트가 포함 된 CSS를 사용하여 요소 연결 및 관련 필드에 액세스

분류에서Dev

Django-Summernote : Summernote 위젯으로 관리 양식 텍스트 영역을 어떻게 재정의합니까?

분류에서Dev

열의 평균 값과 관련하여 셀 평가 프로세스를 단순화하는 방법

분류에서Dev

django의 다른 인스턴스와 관련된 각 모델 인스턴스에 대한 양식의 필드를 만듭니다.

분류에서Dev

HTML 텍스트 관련 서식

분류에서Dev

단위 테스트 UI 관련 기능

분류에서Dev

텍스트 데이터베이스에 대한 페르시아어 음성으로 colab에 의해 ganjoor 사이트에서 오디오 및 관련 텍스트 양식을 웹 스크래핑

분류에서Dev

Eloquent 사용자 정의 관계 hasMany (외래 필드에 외래 키로 연결된 텍스트가 포함됨)

분류에서Dev

마우스 위치와 관련하여 좌표의 위치를 얻는 방법은 무엇입니까?

분류에서Dev

연속 양식과 관련된 텍스트 상자 및 쿼리를 사용하여 라이브 검색 기능을 만들려면 어떻게합니까?

분류에서Dev

형제 선택기가있는 텍스트 위로 마우스를 가져갑니다.

분류에서Dev

형제 선택기가있는 텍스트 위로 마우스를 가져갑니다.

분류에서Dev

링크, 이미지 회색조 필터 위로 마우스를 가져갑니다.

분류에서Dev

Alpine JS를 사용하여 드롭 다운 위로 마우스를 가져갑니다.

분류에서Dev

정규식 구문 분석 텍스트 및 관련 단어 / 문자 가져 오기

분류에서Dev

배경을 설정하고 버튼의 이미지 위로 마우스를 가져갑니다.

분류에서Dev

OpenERP-다른 테이블의 관련 필드를 트리보기로 가져 오기

분류에서Dev

Yii 다른 모델의 양식 텍스트 필드 미리로드

분류에서Dev

ExtJS4-필드 디스플레이 스타일링, 내부 텍스트의 다양한 글꼴 크기

분류에서Dev

텍스트 위로 마우스를 가져 가면 위의 <img> 테두리가 제거됩니다.

분류에서Dev

다른 사람이 제대로 작동하지 않는 자바 스크립트 게시물-양식 관련

분류에서Dev

텍스트 위로 마우스를 가져 가면 텍스트가 내려 갔다가 다시 올라갑니다.

분류에서Dev

Django의 관리자 패널에서 관련 필드 인스턴스 추가

분류에서Dev

ROR의 연락처 번호 텍스트 필드 양식 오류

분류에서Dev

테이블 데이터 위로 마우스를 가져갑니다.

Related 관련 기사

  1. 1

    텍스트 효과 위로 마우스를 가져갑니다.

  2. 2

    leaflet.js 마커의 팝업 위로 마우스를 가져갑니다.

  3. 3

    플로트 및 디스플레이와 관련된 Chrome과 Firefox의 레이아웃 차이 : 표

  4. 4

    플로트 및 디스플레이와 관련된 Chrome과 Firefox의 레이아웃 차이 : 표

  5. 5

    텍스트가 포함 된 CSS를 사용하여 요소 연결 및 관련 필드에 액세스

  6. 6

    Django-Summernote : Summernote 위젯으로 관리 양식 텍스트 영역을 어떻게 재정의합니까?

  7. 7

    열의 평균 값과 관련하여 셀 평가 프로세스를 단순화하는 방법

  8. 8

    django의 다른 인스턴스와 관련된 각 모델 인스턴스에 대한 양식의 필드를 만듭니다.

  9. 9

    HTML 텍스트 관련 서식

  10. 10

    단위 테스트 UI 관련 기능

  11. 11

    텍스트 데이터베이스에 대한 페르시아어 음성으로 colab에 의해 ganjoor 사이트에서 오디오 및 관련 텍스트 양식을 웹 스크래핑

  12. 12

    Eloquent 사용자 정의 관계 hasMany (외래 필드에 외래 키로 연결된 텍스트가 포함됨)

  13. 13

    마우스 위치와 관련하여 좌표의 위치를 얻는 방법은 무엇입니까?

  14. 14

    연속 양식과 관련된 텍스트 상자 및 쿼리를 사용하여 라이브 검색 기능을 만들려면 어떻게합니까?

  15. 15

    형제 선택기가있는 텍스트 위로 마우스를 가져갑니다.

  16. 16

    형제 선택기가있는 텍스트 위로 마우스를 가져갑니다.

  17. 17

    링크, 이미지 회색조 필터 위로 마우스를 가져갑니다.

  18. 18

    Alpine JS를 사용하여 드롭 다운 위로 마우스를 가져갑니다.

  19. 19

    정규식 구문 분석 텍스트 및 관련 단어 / 문자 가져 오기

  20. 20

    배경을 설정하고 버튼의 이미지 위로 마우스를 가져갑니다.

  21. 21

    OpenERP-다른 테이블의 관련 필드를 트리보기로 가져 오기

  22. 22

    Yii 다른 모델의 양식 텍스트 필드 미리로드

  23. 23

    ExtJS4-필드 디스플레이 스타일링, 내부 텍스트의 다양한 글꼴 크기

  24. 24

    텍스트 위로 마우스를 가져 가면 위의 <img> 테두리가 제거됩니다.

  25. 25

    다른 사람이 제대로 작동하지 않는 자바 스크립트 게시물-양식 관련

  26. 26

    텍스트 위로 마우스를 가져 가면 텍스트가 내려 갔다가 다시 올라갑니다.

  27. 27

    Django의 관리자 패널에서 관련 필드 인스턴스 추가

  28. 28

    ROR의 연락처 번호 텍스트 필드 양식 오류

  29. 29

    테이블 데이터 위로 마우스를 가져갑니다.

뜨겁다태그

보관