부트 스트랩 모달을 사용하여 편집 부분 양식 렌더링

Question

Dropbox와 비슷한 기능을 가진 Ruby on Rails 프로젝트를 진행 중입니다. 보석은 내가 사용

1. carrierwave : 업로드 파일을
2. acts_as_tree : 폴더 디렉토리
3. 슬림 : 청소기 HTML
4. 부트 스트랩 4

내가 부트 스트랩을 통합하기 위해 노력하고

사용자가 내 모델에있는 file_name 속성을 편집 할 수 있도록 편집 양식을 렌더링하는 모달.

- @documents.each do |document| 
    = link_to document.file.filename, document.file.url 
    b = document.file_name 
    = number_to_human_size(document.file.size, :precision => 2) 
    = document.content_type 
    = document.updated_at 
    = link_to "Download", document.file.url 
    #renameButton.button.btn.btn-primary data-toggle="modal" data-target="#renameModal" Rename 
    #renameModal.modal.fade tabindex="=1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" 
    .modal-dialog role="document" 
     .modal-content 
     .modal-header 
      #exampleModalLabel.h5.modal-title Rename folder 
      button.close data-dismiss="modal" aria-label="Close" 
      span aria-hidden="true" × 
     .modal-body 
      = form_for document do |f| 
      = f.label :name 
      = f.text_field :file_name 
      = f.submit 
     .modal-footer 
      button.btn.btn-outline-success data-dismiss="modal" aria-hidden="true" Close 
      button.btn.btn-outline-danger Save changes 
    = link_to "Delete", document, :confirm => 'Are you sure?', :method => :delete 

내가 가진 문제는 내가 내 "이름 변경"버튼 중 하나를 클릭 할 때마다, 모달 내부 렌더링 편집 양식은 항상 대신 선택한 하나의 첫 번째 파일 엔트리를 가리키는 지입니다.

내 do-loop 내부에 모달이 있다고해서이 문제가 발생합니다.

이 방법이 있습니까?

Answer 1

문제는 당신이 모델을 열 이름 변경 buttom의를 위해 같은 data-target를 클릭 사용하는 모든 모달 동일한 ID를 가지고있을 수

각 ID 모델과도

data-target="#renameModal#{index}" 

과에 반복자를 사용해보십시오 ID가 있어야한다 :

id: "#renameModal#{index}" 

내가 지금 당신의 슬림 구문을 사용하십시오 슬림 구문 사용에 대해 잘 몰라요. 이것은 단지 기본적인 부트 스트랩 개념 일뿐입니다.

희망이 도움이 ...