- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我花了几天时间向表单集动态添加表单
,我找到了一种方法来做到这一点。但是我对 forms saving
有一个小问题,因为它只保存第一个表单而不是 formset 中的所有表单。
这是我的表单集:
DocumentFormSets = inlineformset_factory(Publication, Document, form=DocumentForm, extra=1, max_num=4)
这是我的模板:
<fieldset>
<legend class="title"><span class="name">{% trans 'Document form' %}</span></legend>
{{ DocumentFormSet.management_form }}
<div id="form_set">
{% for form in DocumentFormSet.forms %}
<div class='formset-document'>
<table class='no_error'>
<div class="row">
<div class="col-xs-3">
{{ form.title|as_crispy_field }}
</div>
<div class="col-xs-3">
{{ form.language|as_crispy_field }}
</div>
<div class="col-xs-3">
{{ form.format|as_crispy_field }}
</div>
<div class="col-xs-3">
{{ form.upload|as_crispy_field }}
</div>
</div>
</table>
</div>
{% endfor %}
</div>
<br>
<input type="button" class="btn btn-default" value="Add More" id="add_more">
<div id="empty_form" style="display:none">
<table class='no_error'>
<div class="row">
<div class="col-xs-3">
{{ DocumentFormSet.empty_form.title|as_crispy_field }}
</div>
<div class="col-xs-3">
{{ DocumentFormSet.empty_form.language|as_crispy_field }}
</div>
<div class="col-xs-3">
{{ DocumentFormSet.empty_form.format|as_crispy_field }}
</div>
<div class="col-xs-3">
{{ DocumentFormSet.empty_form.upload|as_crispy_field }}
</div>
</div>
</table>
</div>
</fieldset>
这是我的 JS 部分:
$('#add_more').click(function () {
var form_idx = $('#id_form-TOTAL_FORMS').val();
$('#form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx));
$('#id_form-TOTAL_FORMS').val(parseInt(form_idx) + 1);
});
这是我的 views.py 文件:
class PublicationCreateView(EdqmCreateView):
""" Create publication with document form through formset """
model = Publication
template_name = 'freepub/publication/publication_form.html'
def get_context_data(self, **kwargs):
context = super(PublicationCreateView, self).get_context_data(**kwargs)
context['DocumentFormSets'] = DocumentFormSets(self.request.POST or None, self.request.FILES or None)
return context
def form_valid(self, form):
context = self.get_context_data()
formsets = context['DocumentFormSets']
if form.is_valid() and formsets.is_valid():
self.object = form.save()
formsets.instance = self.object
formsets.save()
return super(PublicationCreateView, self).form_valid(form)
但是有了这个函数,它只保存了我的表单集中的第一个文档表单:
我查看了 id 文档表单字段,我得到了这个:
第一个标题字段得到 id_documents-0-title
但是当我添加更多表单时,标题字段总是得到 id_documents-undefined-title
如何从表单集中保存我的文档表单?
谢谢!
编辑:
这是@HaiLang 问题的编辑:
这是我的self.request.POST
:
<QueryDict: {'csrfmiddlewaretoken': ['0LHaaEG1dkyZmOnP3X7037tZI45QrQOIRrQQAMhiOoTyeohDwQdcdTt08yuqH86Z'], 'category': ['23'], 'pub_id': ['PUBSDDD-55'], 'title': ['TESTPUBLIE'], 'description': [''], 'doc-TOTAL_FORMS': ['1'], 'doc-INITIAL_FORMS': ['0'], 'doc-MIN_NUM_FORMS': ['0'], 'doc-MAX_NUM_FORMS': ['4'], 'doc-0-title': ['doc1'], 'doc-0-language': ['FR'], 'doc-0-format': ['pdf'], 'doc-undefined-title': ['doc2'], 'doc-undefined-language': ['FR'], 'doc-undefined-format': ['pdf'], 'doc-__prefix__-title': [''], 'doc-__prefix__-language': [''], 'doc-__prefix__-format': [''], 'doc-__prefix__-upload': ['']}>
这是我的console.log
:
Element kt.fn.init {}
最佳答案
幸运的是,我最近才使用 FormSet,所以我可以看到相关代码的问题。
(由 Ducky 编辑。谢谢!)
您必须在 views.py 文件和 app.js 文件之间设置相同的 prefix
。因为在您的 View 文件中您使用的是 prefix='doc'
并且在您的 javascript 函数中您使用了 form
前缀。
所以在你的 JQuery 文件中你必须写:
(function ($) {
$('#add_more').click(function () {
var form_idx = $('#id_doc-TOTAL_FORMS').val();
// For debugging the issue
// console.log('Element', $('#id_doc-TOTAL_FORMS'), 'Num of forms', form_idx);
$('#form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx));
$('#id_doc-TOTAL_FORMS').val(parseInt(form_idx) + 1);
console.log('Element', $('#id_doc-TOTAL_FORMS'));
});
})(jQuery)
你可以像这样覆盖你的 View :
class PublicationCreateView(CreateView):
""" Create publication with document form through formset """
model = Publication
template_name = 'publication_form.html'
def get_context_data(self, **kwargs):
context = super(PublicationCreateView, self).get_context_data(**kwargs)
document_queryset = Document.objects.all()
context['DocumentFormSets'] = DocumentFormSet(self.request.POST or None, self.request.FILES or None, prefix='doc', queryset=document_queryset)
return context
def form_valid(self, form):
context = self.get_context_data()
formsets = context['DocumentFormSets']
// For debugging
// print(self.request.POST)
if form.is_valid() and formsets.is_valid():
self.object = form.save()
formsets.instance = self.object
formsets.save()
return super(PublicationCreateView, self).form_valid(form)
关于Django 表单集 : Save multiple forms from formset,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53265969/
我正在关注this教程展示了如何在 Django 中使用表单集。本教程使用 django-dynamic-formset JQuery 插件,它可以像 Django admin 中一样启用表单集的编辑
好的,所以我有一个有效的表单集。但是给了我一个错误,该表单没有属性cleaned_data .. 老实说,我完全不知道发生了什么.. 我在终端上尝试了我的代码,它返回了一个空字典..没有错误.. 形式
我有一个显示多个 Formsets 的页面,每个 Formsets 都有一个前缀。使用 formset_factory 创建表单集默认选项,包括 extra=1 .可以使用 JavaScript 添加
如何使用 request.POST 从表单集中更新对象? 这是我的代码,我的问题是这总是会创建一个新的 PhoneNumber目的。但是我想更新旧的PhoneNumber目的。 def contact
我正在使用 Django 1.4 并且我正在为 Formsets 苦苦挣扎。我已经阅读了文档和很多 SO 问题。我越来越不知道它们是如何工作的。 - Fomsets 应该像这样配置/声明吗? 我是如何
给定以下模型: class Graph(models.Model): owner = models.ForeignKey(User) def __unicode__(self):
如何将动态表单添加到模板中的 django 表单集,而无需烦人的 html 模板输出副本? 我有一个结果表单数量未知的表单集,我需要通过按一个按钮直接在模板中添加一些表单。 最佳答案 这个 self
我正在为一个乐队制作出勤登记表。我的想法是在表格的一部分中输入演出或排练的事件信息。这是事件表的模型: class Event(models.Model): event_id = models
如何将自定义标签添加到我的表单集中? {{ formset.management_form }} {% for form in formset %} {% for f
我在 django-users 列表上发布了这个问题,但那里还没有回复。 我有看起来像这样的模型: class ProductGroup(models.Model): name = mode
模型.py: class ExperienceSynopsis(Audit): user = models.ForeignKey(User, null =
当我使用循环呈现我的表单集时,一切正常。 当我尝试通过分别访问每个字段(用于前端目的)手动呈现它时,表单正在呈现但提交失败。每个字段都是相同的,所以我猜在使用我不知道的表单集时创建了一个隐藏字段。 这
我需要的表单之一是简单字段(例如“部门”、“建筑物”和“房间编号”)和动态生成的字段对(例如“姓名”和“电子邮件”)的组合。理想情况下,编辑简单字段的内容和添加/删除动态字段对将在单个表单上完成。 在
我正在尝试创建一个像这样的简单帖子共享表单。 我正在使用 formset 进行图像上传。但这给了我多种输入,如您所见。每个输入也可以选择单个图像。但我正在尝试使用单个输入上传多个图像。 View .p
在我的 Django 应用程序中,我有一个从简单(非模型)表单创建的表单集,其中 extra=1 (以允许 javasript 稍后添加更多表单)。 class SomeForm(forms.Form
我在显示具有多个实例对象的内联表单集时遇到问题。我想要一份所有 Owner 的列表以及他们所有 Pet 的内联表单集,全部一页。 下面的代码可以工作,但一次调用 1 个所有者对象。有什么建议吗? 这是
无法弄清楚如何过滤表单集以仅显示登录用户的博客文章。表单呈现得很好,但是它允许任何用户将照片分配给任何博客文章,无论谁拥有该博客文章。如何将博文选项过滤为仅适用于登录用户? View .py @log
我正在尝试为表单集编写单元测试,但在尝试实例化它时出现以下错误。 错误: Traceback (most recent call last): File "/home/jwelborn/Doc
我正在创建一个简单的 Django 应用程序,您可以在其中创建包含配料的食谱。在我的 RecipeCreate View 中,我有一个简单的表单集,其中包含一个 select 输入(您在其中选择产品)
如何检查表单集行是否被标记为已删除? for row in myformset: //check if row is mark as deleted 提前致谢! 最佳答案 https://do
我是一名优秀的程序员,十分优秀!