어떻게 장고에서 동적 formset을 만들겠습니까?

Question

는 여기에 내가 그 일을 해요 방법 :

{{ formset.management_form }} 
<table> 
    {% for form in formset.forms %} 
     {{ form }} 
    {% endfor %} 
</table> 
<a href="javascript:void(0)" id="add_form">Add Form</a> 

그리고 여기 JS있어 : 특별히 날 귀찮게 무엇

var form_count = {{formset.total_form_count}}; 
$('#add_form').click(function() { 
    form_count++; 
    var form = '{{formset.empty_form|escapejs}}'.replace(/__prefix__/g, form_count); 
    $('#forms').append(form) 
    $('#id_form-TOTAL_FORMS').val(form_count); 
}); 

내가 escapejs 템플릿 자신을 태그 것을 써야했다 있다는 것입니다. 모든 줄 바꿈을 제거하고 작은 따옴표를 이스케이프 처리하여 내 문자열을 엉망으로 만들지 않습니다. 그러나 Django 제작자는이 상황에서 우리가 정확히 무엇을해야한다고 생각 했습니까? 그리고 그들은 왜 TOTAL_FORMS 숨겨진 필드를 가지고 있는데, 단지 <input name="my_form_field[0]" />과 같은 배열을 사용하고 그 길이를 계산할 수 있었을까요?

Answer 1

장고에 몇 군데가있는 곳 "는 이유"그게이 장고 관리 앱 구현 방법, 나는이 그들 중 하나라고 생각하기 때문이다. 따라서 대답은 그들이 당신 자신의 자바 스크립트를 구현하기를 기대합니다.

이 질문을 참조하십시오. Dynamically adding a form... 더 많은 자바 스크립트 아이디어.

두 개의 플러그 할 수있는 응용 프로그램 (django-dynamic-formset 및 django-dinamyc-form)도 있습니다. 첫 번째를 찾을 때까지 지금까지 보지 못했습니다.

Answer 2

이 질문은 약간 오래된 것이지만 이것을 이해하는 데는 다소 시간이 걸립니다.

나는 숨겨진 필드 등 템플릿에 formset.empty_form 렌더링, 그리고 자바 스크립트에서이 필드를 참조하는 것이 좋습니다. (하지만 ....이 empty_form을 사용하도록 업데이트되지 않았 음을 유의)

[JS] http://code.djangoproject.com/browser/django/trunk/django/contrib/admin/media/js/inlines.js

[HTML 템플릿 : 여기

는 장고 관리 사이트에서 복잡한 동적 해당 formset 예제 해당 formset 만 보통의 HTTP 워크 플로우를 사용하여 자바 스크립트없이 작동하도록 만들어졌습니다 때문에] http://code.djangoproject.com/browser/django/trunk/django/contrib/admin/templates/admin/edit_inline/tabular.html

Answer 3

이 있습니다.

장고는 자바 스크립트에 좌우되지 않습니다. 당신이 믹스에 몇 가지 자바 스크립트를 추가하려면

, 당신은 dedicated jquery plugin를 사용할 수 있습니다. 내 경우에는

Answer 4

입니다. 내가 플러그인 장고 - 동적 해당 formset (https://code.google.com/p/django-dynamic-formset/wiki/Usage)

을 사용하고 옵션 "추가"를 수정하고 좋은 일했다.

 $('#formset-table tbody tr').formset({ 
      prefix: '{{ formset.prefix }}', 
      formCssClass: '{{ formset.prefix }}-inlineformset', 
      added: function(obj_tr){ 

   var form = $(obj_tr).html().replace(/\-(\w+)\-(\w+)(fix__)\-/g, '-'); 
       $(obj_tr).html(form); 

      }, 

이 정규 표현식 문자열 [접두사] 교체 - 접두사 피어는 '-'

어쩌면 최선의 해결책이 아니라했다.

Answer 5

formset.empty_form을 문자열로 사용할 때 '__prefix__'을 실제 formset 양식 인덱스로 바꾸면 XSS가 가능한 경우가 있습니다. 내 플러그 형 응용 프로그램은 formset.empty_form을 Knockout.js 템플릿으로 변환 한 다음 사용자 지정 Knockout.js 바인딩을 통해 복제합니다. 또한 새로 추가 된 formset 양식이 inlineformsets가있는 전체 양식을 제출하기 전에 동적으로 삭제되면 Knockout.js는 양식 필드 id 색인을 자동으로 다시 계산합니다. 여기 문서입니다 : 인라인 자바 스크립트와 사용자 정의 필드를로드 할 때

https://django-jinja-knockout.readthedocs.org/en/latest/forms.html#dynamically-adding-new-related-formset-forms

Knockout.js 또한 바인딩 XSS를 방지 할 수 있습니다.