장고의 Bootstrap 모달에 값을 전달

사용자가 데이터를 삭제하려고 할 때마다 삭제 확인 대화 상자가 표시되는 멋진 모달이 있습니다. 문제는 내 견해 중 많은 부분이 템플릿의 요소 목록을 렌더링하고 각 요소의 세부 사항은 물론 작은 빨간 버튼 삭제가 있다는 것입니다. 물론 장고에서보기 예를 들어, 클라이언트 목록을 템플릿에 요소의 목록을 통과, 그들은 다음과 같이 테이블에 렌더링 :장고의 Bootstrap 모달에 값을 전달

<table class="table table-striped"> 
    <thead> 
     <tr> 
     <th>Email</th> 
     </tr> 
    </thead> 
    <tbody> 
     {% for client in clientes %} 
     <tr> 
      <td>{{ client.email }}</td> 
      <td> 
      <div class="btn-group"> 
       <!-- Delete button --> 
       <a href="#myModal" class="btn btn-danger btn-mini" title="Eliminar"> 
       <i class="icon-trash icon-white"></i></a> 
      </div> 
      </td> 
     </tr> 
     {% endfor %} 
    </tbody>

내가하고 싶은 것은이에 부트 스트랩 모달은 사용자가 삭제 버튼을 누를 때마다 나타나고 일부 데이터를 삭제하고 있음을 확인합니다. 이제는 모달을 표시하고 사용자를 삭제하지만 올바른 사용자는 아니고 모달은 어떻게 든 가져 오거나 목록의 첫 번째 사용자를 삭제하려고합니다. 다음 링크에서 모달로 전체 템플릿을 확인할 수 있습니다. FULL HTML 결국 내 문제는 클라이언트 목록의 첫 번째가 아닌 올바른 {{클라이언트}}을 모달에 전달하는 것과 관련이 있습니다. 나는 for에 대한 첫 번째 선언 된 모달로 인해 발생한다고 가정하고 더 이상 선언하지 않습니다. 아무리

[email protected]   detele-button 
[email protected]   detele-button 
[email protected]   detele-button

어떤 클라이언트 삭제 버튼 내가 항상 CLIENT1 데이터와 모달를 보여줍니다 눌러 눌러 확인을 삭제하면 실제로 삭제합니다 :

예를 들어, 나는 테이블에 3 클라이언트 없어.

감사합니다.

edit1 : href가 좋지 않았습니다.

출처

2012-10-31 PepperoniPizza

' keithxm23

예, 죄송합니다. 그 라인이 정확하지 않았습니다. 예를 들어, 편집했는데 전체 HTML이 정확한 HTML을 보여줍니다. 고맙습니다. – PepperoniPizza

페이지를로드하려고 시도한 후 브라우저에 생성 된 HTML에 대해 물어 보았습니다. 장고의 템플릿 태그를 포함하지 않는 것. 거기에, 각 클라이언트에 대해 고유하게 href가 생성됩니다. – keithxm23

실제로이 질문에 대한 답변을 찾았습니다. 실제로 keithxm23 덕분입니다.

생성 된 HTML을 확인하면 도움이되었습니다. 실제로 모든 모달이 올바르게 생성되었다는 문제는 모든 모달의 id 속성이 동일하게 설정된 경우입니다 (이 경우 id="myModal"). 삭제 버튼은 href="#myModal"입니다. 해결책은 모달 id 속성을 문서 전체에서 고유 한 값으로 설정하는 것이 었습니다. 모달 id="{{client.pk}}"과 버튼 href="#{{client.pk}}"을 설정하여 해결할 수있었습니다.

출처

2012-11-05 17:07:32 PepperoniPizza

다행스럽게도 도움이 될 수 있습니다. :) – keithxm23

장고의 Bootstrap 모달에 값을 전달

답변

관련 문제