inlineformset_factory 自定义表单id

Question

我正在编写一个 Web 应用程序，它使用 ajax 在页面上添加新表单。 现有表单是使用 inlineformset_factory 制作的。 当客户端获取表单时，它将其插入到正确的位置并更新 #id_form_type-TOTAL_FORMS 的值（form_type 是本例中表单的名称）。

现有表单的每个字段都有名称，例如 name="form_type-1- source”，其中 1 是唯一的表单 ID。

以便所有表单都不同。我已经制定了一个解决方案，但我不喜欢它。ajax

调用的 URL 如下所示：

(r'^ajax/get_form/(?P<form_type>\w+)$', views.get_form),

问题是为新表单生成下一个 ID ， 表单视图：

def get_form(request, form_type):
    """
    Returns form for requested model if invoken with ajax.
    If invoken directly returns empty string.

    The form is rendered into HTML using as_p method. 
    """
    if request.method == "GET" and request.is_ajax():
        current_forms_no = int(request.GET["current_forms_no"])
        form_class = all_forms[form_type]
        Formset = inlineformset_factory(Component, form_class.Meta.model, extra=current_forms_no + 1, form = form_class, can_delete = False)
        form = Formset()
        return HttpResponse(form.forms[current_forms_no].as_p())
    else:
        return HttpResponse()

以及调用该表单的 JavaScript 函数：

function add_new_form(event) {
    event.preventDefault();
    form_type = $(this).attr("href");

    // for id generation
    formset = $("#id_" + form_type + "-TOTAL_FORMS");
    current_forms_no = formset.val()

    container = $(this).parent().parent();
    $.get("/ajax/get_form/" + form_type, {"current_forms_no" : current_forms_no}, function(data) {
        container.append(data);
        container.append("<hr>");

        // increment form count so they can be saved on server
        formset.val(parseInt(formset.val()) + 1);
    })
}

我有多个表单，因此函数是通用的。

因此，我在这里所做的是创建比我需要的更多表单，并且我只使用最后一个表单。 那么，

有什么方法可以告诉 inlineformset_factory 我想首先生成什么 ID？

PS：抱歉我的英语不好......

Answer 1

我所做的是创建一个隐藏的额外表单，然后简单地使用 JavaScript 复制它。
即复制最后一个表单，使隐藏的表单可见，并隐藏表单的新副本。

这样您就可以计算页面上的表单数量并将其用于元 Total-Forms 变量。

如果您希望能够删除页面上的表单，则需要对 DELETED 属性进行一些处理。
编辑：这是我使用原型js的主要功能之一。

function add_form_to_formset(formset, callbacks etc...){
   // Management form
   total_forms_element = $('id_' + formset.prefix + '-TOTAL_FORMS');

   var curr_last_id = biggest_id(formset.form_class);
   var last_form = $('id_' + formset.prefix + '-' + curr_last_id + '-id').up();

   // Copy it
   var new_form = last_form.cloneNode(true);

   ...register some buttons like add/remove etc..

   set_form_id(new_form, curr_last_id+1);

   last_form.show();
   last_form.insert({after:new_form});


   // Increment the management form count
   total_forms_element.value = parseInt(total_forms_element.value) + 1;

Answer 2

您可以使用 auto_id 而不是生成表单集工厂参数 生成具有唯一 ID 的表单：

def get_form(request, form_type):
    current_forms_no = int(request.GET["current_forms_no"])
    form_class = all_forms[form_type]
    form = form_class(auto_id='id_%%s_%s' % current_forms_no)
    return HttpResponse(form.as_p())