>source

동적으로 생성 된 테이블과 모든 행에있는보기 단추가 있지만 회색 화면이 나타나지 만 모델이 열리지는 않지만 문제가 관련된 위치를 이해하지는 않지만 도움이 필요합니다. 그의 code의 참조로.

도와주세요 ...

m_manage.html ---여기서는 모달을 선언하고 페이지를 포함 시켰습니다


<div class="panel-body"> <table class="table table-hover" id="table">   <tbody>      {% include 'm_manage/partial_m_manage.html' %}
   </tbody> </table></div><div class="modal fade" id="modal-leave">  <div class="modal-dialog">   <div class="modal-content"> </div></div>

partial_m_manage.html : 테이블의 열이 포함되어 있습니다


{% for  pl in pending_leaves %}
<tr>  <td><button type="button" class="btn btn-default btn-sm view" data-url="{% url 'm_manage:leave_view' pl.id %}" data-target="#{{pl.id}}_3"><i class="fa fa-eye" aria-hidden="true" style="color:black"></i></button>   </td></tr>{% endfor %}

js ----on 버튼 클릭으로 통화

$("#table").on('click', '.view', function (e) {
    var btn= $(this);
    console.log(btn);
    var url= btn.attr("data-url");
    console.log(url);
    $.ajax({
      //url: '/m_manage/leave_view/',
      url: btn.attr("data-url"),
      dataType: 'json',
      type: 'get',
      beforeSend: function () {
       $("#modal-leave").modal("show");
      },
      success: function (data) {
        console.log('You Did it!!!!');
        $("#modal-leave .modal-content").html(data.html_form);
      }
    });
  });

views.py -


def leave_view(request,pk):
  Leave= get_object_or_404(leave, pk=pk);
  data=dict()
  if request.method== 'POST':
     data['html_form']= render_to_string('m_manage/view_modal.html',{'Leave':Leave}, request=request)
return JsonResponse(data)

view_modal.html ---새 페이지 IE를 렌더링하고 있습니다.

<form method="post" action="{% url 'm_manage:leave_view' Leave.id %}" class="js-leave-view-form">{% csrf_token %}
  <div class="modal-header">    <button type="button" class="close" data-dismiss="modal" aria-label="Close">      <span aria-hidden="true">&amp;
times;</span>    </button>    <h4 class="modal-title">Do you want to accept {{Leave.id}} leave</h4>  </div>  <div class="modal-body">  <h1>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h1>  </div>  <div class="modal-footer">    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>    <button type="submit" class="btn btn-primary">Create book</button>  </div>  </form>

그러나 검은 색 화면이 나타나고 모든 값이 콘솔에서 성공적으로 인쇄되지만 모달 팝업이 나타나지 않습니다 ...

제발 도와주세요 ... : (

나는 당신이 주어진 모든 code를 거치지 않았지만 partial_m_manage.html에 {% endfor %} 누락 될 수 있습니다.

bhatt ravii2021-05-09 02:14:44

죄송합니다. 내 code에있는 선물이지만 여기에 두지 않았습니다.

divya2021-05-09 02:14:44

긴 도로처럼 보이는 SimpleIsBetterThanComplex Coz의 모든 단계를 모두 완료 했습니까?

Kalariya_M2021-05-09 02:14:44

나는 기능이 동일한 것처럼 자신의 페이지 삭제 도서 삭제를 구현했습니다. 나는 자신의 code와 팝업이 왜 나타나지 않는지를 이해하지 못합니다.

divya2021-05-09 02:14:44

탐지기가 업데이트되었는지 여부를 확인하기 위해 요소를 검사 했습니까? Z-index를 조정하려고 시도하면 한 번 비슷한 문제에 직면했습니다.

vivek jha2021-05-09 02:14:44
  • 이전 트랜스 카업을 설정하는 방법
  • 다음 Windows 용 PowerShell을 사용하여 연결 확인 Test-NetConnection별로 카탈로그 업데이트 카탈로그