带有ECMAScript 6的Django表单集。
django-easy-formset的Python项目详细描述
django简易表单集
带有ECMAScript 6的Django表单集
安装
使用pip安装很容易，唯一的要求是Django的最新版本。在
python -m pip install django-easy-formset
应用程序基本配置
然后，要将Django Easy Formset添加到项目中，请将应用程序easy_formset添加到
你的INSTALLED_APPS。在
如何使用
视频
在模板中
{% load static %}
<head>
<link rel="stylesheet" href="{% static 'easy_formset/easy_formset.css' %}">
</head>
<body>
<div id="{{ formset.prefix }}">
{{ formset.management_form }}
<template formset-empty-form="{{ formset.prefix }}">
{{ formset.empty_form.as_p }}
<a formset-form-delete="{{ formset.empty_form.prefix }}>Delete</a>
</template>
<div formset-forms="{{ formset.prefix }}">
{% for form in formset.forms %}
<div formset-form>
{{ form.as_p }}
<a formset-form-delete="{{ form.prefix }}>Delete</a>
</div>
{% endfor %}
</div>
<button formset-add="{{ formset.prefix }}">Add Formset</button>
</div>
...
<script src="{% static 'easy_formset/easy_formset.js' %}"></script>
<script>
const formset = new Formset("{{ formset.prefix }}")
</script>
</body>
自定义撤消元素
// add one root element...Formset.revertHTML='<a href="#">Custom undo link...</a>'constformset=newFormset("{{ formset.prefix }}")
处理添加/删除事件
document.addEventListener('formset:add',(event)=>{// access the form with event.detail.form})document.addEventListener('formset:deleted',(event)=>{// access the form with event.detail.form})
嵌套表单集
请参阅tests.testapp中的示例。在
运行测试
python -m pip -r requirements.txt pytest
运行项目测试
python manage.py runserver
- 项目
标签：
欢迎加入QQ群-->： 979659372
