在模板中实现Django管理表格行表单
我想在Django模板中实现像admin Tablerinline表单这样的表单。(我想我们需要在模板中实现Django管理表格行表单,django,django-forms,django-templates,django-admin,Django,Django Forms,Django Templates,Django Admin,我想在Django模板中实现像admin Tablerinline表单这样的表单。(我想我们需要inlineformset\u工厂来处理这种表单,需要jquery来处理动态添加/删除按钮。) 这是我的模型: 型号.py from django.db import models class Profile(models.Model): first_name = models.CharField(max_length=100) last_name = models.CharFiel
inlineformset\u工厂
来处理这种表单,需要jquery来处理动态添加/删除按钮。)
这是我的模型:
型号.py
from django.db import models
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.db import models
from django.urls import reverse
from django.utils import timezone
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.forms import ModelForm, inlineformset_factory
from .models import FamilyMember, Profile
class ProfileForm(ModelForm):
class Meta:
model = Profile
exclude = ()
class FamilyMemberForm(ModelForm):
class Meta:
model = FamilyMember
exclude = ()
FamilyMemberFormSet = inlineformset_factory(
Profile, FamilyMember, form=FamilyMemberForm, extra=1)
from django.db import transaction
from django.urls import reverse_lazy
from django.views.generic import CreateView, DeleteView, ListView, UpdateView
from .forms import FamilyMemberFormSet
from .models import Profile
class ProfileList(ListView):
model = Profile
class ProfileCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
class ProfileFamilyMemberCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberCreate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST)
else:
data['familymembers'] = FamilyMemberFormSet()
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberCreate, self).form_valid(form)
class ProfileUpdate(UpdateView):
model = Profile
success_url = '/'
fields = ['first_name', 'last_name']
class ProfileFamilyMemberUpdate(UpdateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberUpdate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST, instance=self.object)
else:
data['familymembers'] = FamilyMemberFormSet(instance=self.object)
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberUpdate, self).form_valid(form)
class ProfileDelete(DeleteView):
model = Profile
success_url = reverse_lazy('profile-list')
from django.urls import path
from . import views
urlpatterns = [
path('', views.ProfileList.as_view(), name='profile-list'),
path('profiles/add/', views.ProfileFamilyMemberCreate.as_view(), name='profile-add'),
path('profiles/<int:pk>', views.ProfileFamilyMemberUpdate.as_view(), name='profile-update'),
path('profile/<int:pk>', views.ProfileDelete.as_view(), name='profile-delete'),
]
如果您能在评论中指导我找到解决方案,我也将不胜感激
提前谢谢。终于知道怎么做了。以下是完整的工作示例代码:(appname是myprofile) 型号.py
from django.db import models
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.db import models
from django.urls import reverse
from django.utils import timezone
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.forms import ModelForm, inlineformset_factory
from .models import FamilyMember, Profile
class ProfileForm(ModelForm):
class Meta:
model = Profile
exclude = ()
class FamilyMemberForm(ModelForm):
class Meta:
model = FamilyMember
exclude = ()
FamilyMemberFormSet = inlineformset_factory(
Profile, FamilyMember, form=FamilyMemberForm, extra=1)
from django.db import transaction
from django.urls import reverse_lazy
from django.views.generic import CreateView, DeleteView, ListView, UpdateView
from .forms import FamilyMemberFormSet
from .models import Profile
class ProfileList(ListView):
model = Profile
class ProfileCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
class ProfileFamilyMemberCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberCreate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST)
else:
data['familymembers'] = FamilyMemberFormSet()
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberCreate, self).form_valid(form)
class ProfileUpdate(UpdateView):
model = Profile
success_url = '/'
fields = ['first_name', 'last_name']
class ProfileFamilyMemberUpdate(UpdateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberUpdate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST, instance=self.object)
else:
data['familymembers'] = FamilyMemberFormSet(instance=self.object)
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberUpdate, self).form_valid(form)
class ProfileDelete(DeleteView):
model = Profile
success_url = reverse_lazy('profile-list')
from django.urls import path
from . import views
urlpatterns = [
path('', views.ProfileList.as_view(), name='profile-list'),
path('profiles/add/', views.ProfileFamilyMemberCreate.as_view(), name='profile-add'),
path('profiles/<int:pk>', views.ProfileFamilyMemberUpdate.as_view(), name='profile-update'),
path('profile/<int:pk>', views.ProfileDelete.as_view(), name='profile-delete'),
]
forms.py
from django.db import models
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.db import models
from django.urls import reverse
from django.utils import timezone
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.forms import ModelForm, inlineformset_factory
from .models import FamilyMember, Profile
class ProfileForm(ModelForm):
class Meta:
model = Profile
exclude = ()
class FamilyMemberForm(ModelForm):
class Meta:
model = FamilyMember
exclude = ()
FamilyMemberFormSet = inlineformset_factory(
Profile, FamilyMember, form=FamilyMemberForm, extra=1)
from django.db import transaction
from django.urls import reverse_lazy
from django.views.generic import CreateView, DeleteView, ListView, UpdateView
from .forms import FamilyMemberFormSet
from .models import Profile
class ProfileList(ListView):
model = Profile
class ProfileCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
class ProfileFamilyMemberCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberCreate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST)
else:
data['familymembers'] = FamilyMemberFormSet()
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberCreate, self).form_valid(form)
class ProfileUpdate(UpdateView):
model = Profile
success_url = '/'
fields = ['first_name', 'last_name']
class ProfileFamilyMemberUpdate(UpdateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberUpdate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST, instance=self.object)
else:
data['familymembers'] = FamilyMemberFormSet(instance=self.object)
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberUpdate, self).form_valid(form)
class ProfileDelete(DeleteView):
model = Profile
success_url = reverse_lazy('profile-list')
from django.urls import path
from . import views
urlpatterns = [
path('', views.ProfileList.as_view(), name='profile-list'),
path('profiles/add/', views.ProfileFamilyMemberCreate.as_view(), name='profile-add'),
path('profiles/<int:pk>', views.ProfileFamilyMemberUpdate.as_view(), name='profile-update'),
path('profile/<int:pk>', views.ProfileDelete.as_view(), name='profile-delete'),
]
视图.py
from django.db import models
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.db import models
from django.urls import reverse
from django.utils import timezone
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.forms import ModelForm, inlineformset_factory
from .models import FamilyMember, Profile
class ProfileForm(ModelForm):
class Meta:
model = Profile
exclude = ()
class FamilyMemberForm(ModelForm):
class Meta:
model = FamilyMember
exclude = ()
FamilyMemberFormSet = inlineformset_factory(
Profile, FamilyMember, form=FamilyMemberForm, extra=1)
from django.db import transaction
from django.urls import reverse_lazy
from django.views.generic import CreateView, DeleteView, ListView, UpdateView
from .forms import FamilyMemberFormSet
from .models import Profile
class ProfileList(ListView):
model = Profile
class ProfileCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
class ProfileFamilyMemberCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberCreate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST)
else:
data['familymembers'] = FamilyMemberFormSet()
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberCreate, self).form_valid(form)
class ProfileUpdate(UpdateView):
model = Profile
success_url = '/'
fields = ['first_name', 'last_name']
class ProfileFamilyMemberUpdate(UpdateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberUpdate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST, instance=self.object)
else:
data['familymembers'] = FamilyMemberFormSet(instance=self.object)
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberUpdate, self).form_valid(form)
class ProfileDelete(DeleteView):
model = Profile
success_url = reverse_lazy('profile-list')
from django.urls import path
from . import views
urlpatterns = [
path('', views.ProfileList.as_view(), name='profile-list'),
path('profiles/add/', views.ProfileFamilyMemberCreate.as_view(), name='profile-add'),
path('profiles/<int:pk>', views.ProfileFamilyMemberUpdate.as_view(), name='profile-update'),
path('profile/<int:pk>', views.ProfileDelete.as_view(), name='profile-delete'),
]
url.py
from django.db import models
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.db import models
from django.urls import reverse
from django.utils import timezone
class Profile(models.Model):
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
created_date = models.DateTimeField(default=timezone.now)
def get_absolute_url(self):
return reverse('profile-update', kwargs={'pk': self.pk})
def __str__(self):
return f"{self.first_name} {self.last_name}"
class FamilyMember(models.Model):
profile = models.ForeignKey(Profile, on_delete=models.CASCADE)
name = models.CharField(max_length=100)
relationship = models.CharField(max_length=100)
def __str__(self):
return self.name
from django.forms import ModelForm, inlineformset_factory
from .models import FamilyMember, Profile
class ProfileForm(ModelForm):
class Meta:
model = Profile
exclude = ()
class FamilyMemberForm(ModelForm):
class Meta:
model = FamilyMember
exclude = ()
FamilyMemberFormSet = inlineformset_factory(
Profile, FamilyMember, form=FamilyMemberForm, extra=1)
from django.db import transaction
from django.urls import reverse_lazy
from django.views.generic import CreateView, DeleteView, ListView, UpdateView
from .forms import FamilyMemberFormSet
from .models import Profile
class ProfileList(ListView):
model = Profile
class ProfileCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
class ProfileFamilyMemberCreate(CreateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberCreate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST)
else:
data['familymembers'] = FamilyMemberFormSet()
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberCreate, self).form_valid(form)
class ProfileUpdate(UpdateView):
model = Profile
success_url = '/'
fields = ['first_name', 'last_name']
class ProfileFamilyMemberUpdate(UpdateView):
model = Profile
fields = ['first_name', 'last_name']
success_url = reverse_lazy('profile-list')
def get_context_data(self, **kwargs):
data = super(ProfileFamilyMemberUpdate, self).get_context_data(**kwargs)
if self.request.POST:
data['familymembers'] = FamilyMemberFormSet(self.request.POST, instance=self.object)
else:
data['familymembers'] = FamilyMemberFormSet(instance=self.object)
return data
def form_valid(self, form):
context = self.get_context_data()
familymembers = context['familymembers']
with transaction.atomic():
self.object = form.save()
if familymembers.is_valid():
familymembers.instance = self.object
familymembers.save()
return super(ProfileFamilyMemberUpdate, self).form_valid(form)
class ProfileDelete(DeleteView):
model = Profile
success_url = reverse_lazy('profile-list')
from django.urls import path
from . import views
urlpatterns = [
path('', views.ProfileList.as_view(), name='profile-list'),
path('profiles/add/', views.ProfileFamilyMemberCreate.as_view(), name='profile-add'),
path('profiles/<int:pk>', views.ProfileFamilyMemberUpdate.as_view(), name='profile-update'),
path('profile/<int:pk>', views.ProfileDelete.as_view(), name='profile-delete'),
]
base.html
<html lang="en">
<head>
<title>{% block title %}My amazing site{% endblock %}</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link rel='stylesheet' href='//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' type='text/css'>
</head>
<body>
<div id="content" class="container">
<div class="md-col-10">
{% block content %}{% endblock %}
</div>
</div>
</body>
</html>
{% extends "base.html" %}
{% block title %}{% endblock %}
{% block content %}
<h2></h2>
<hr>
<div>
<form action="" method="post">{% csrf_token %}
<p>Are you sure you want to delete "{{ object }}"?</p>
<input type="submit" value="Confirm"/>
</form>
</div>
{% endblock %}
{% extends "base.html" %}
{% load static %}
{% block title %}{% endblock %}
{% block content %}
<h2>Profile</h2>
<hr>
<div class="col-md-4">
<form action="" method="post">{% csrf_token %}
{{ form.as_p }}
<table class="table">
{{ familymembers.management_form }}
{% for form in familymembers.forms %}
{% if forloop.first %}
<thead>
<tr>
{% for field in form.visible_fields %}
<th>{{ field.label|capfirst }}</th>
{% endfor %}
</tr>
</thead>
{% endif %}
<tr class="{% cycle row1 row2 %} formset_row">
{% for field in form.visible_fields %}
<td>
{# Include the hidden fields in the form #}
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field }}
</td>
{% endfor %}
</tr>
{% endfor %}
</table>
<input type="submit" value="Save"/> <a href="{% url 'profile-list' %}">back to the list</a>
</form>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="{% static 'formset/jquery.formset.js' %}"></script>
<script type="text/javascript">
$('.formset_row').formset({
addText: 'add family member',
deleteText: 'remove',
prefix: 'familymember_set'
});
</script>
{% endblock %}
{% extends "base.html" %}
{% block title %}{% endblock %}
{% block content %}
<h2>Here are all user profiles: </h2>
<div>
<ul>
{% for profile in object_list %}
<li>{{ profile.first_name }} {{ profile.last_name }} | <a
href="{% url 'profile-update' profile.pk %}">edit</a>
<a href="{% url 'profile-delete' profile.pk %}">delete</a>
</li>
{% empty %}
<li>No profile yet.</li>
{% endfor %}
</ul>
<p>
<a href="{% url 'profile-add' %}">add a profile</a>
</p>
</div>
{% endblock %}
{%block title%}我的精彩网站{%endblock%}
{%block content%}{%endblock%}
profile\u confirm\u delete.html
<html lang="en">
<head>
<title>{% block title %}My amazing site{% endblock %}</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link rel='stylesheet' href='//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' type='text/css'>
</head>
<body>
<div id="content" class="container">
<div class="md-col-10">
{% block content %}{% endblock %}
</div>
</div>
</body>
</html>
{% extends "base.html" %}
{% block title %}{% endblock %}
{% block content %}
<h2></h2>
<hr>
<div>
<form action="" method="post">{% csrf_token %}
<p>Are you sure you want to delete "{{ object }}"?</p>
<input type="submit" value="Confirm"/>
</form>
</div>
{% endblock %}
{% extends "base.html" %}
{% load static %}
{% block title %}{% endblock %}
{% block content %}
<h2>Profile</h2>
<hr>
<div class="col-md-4">
<form action="" method="post">{% csrf_token %}
{{ form.as_p }}
<table class="table">
{{ familymembers.management_form }}
{% for form in familymembers.forms %}
{% if forloop.first %}
<thead>
<tr>
{% for field in form.visible_fields %}
<th>{{ field.label|capfirst }}</th>
{% endfor %}
</tr>
</thead>
{% endif %}
<tr class="{% cycle row1 row2 %} formset_row">
{% for field in form.visible_fields %}
<td>
{# Include the hidden fields in the form #}
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field }}
</td>
{% endfor %}
</tr>
{% endfor %}
</table>
<input type="submit" value="Save"/> <a href="{% url 'profile-list' %}">back to the list</a>
</form>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="{% static 'formset/jquery.formset.js' %}"></script>
<script type="text/javascript">
$('.formset_row').formset({
addText: 'add family member',
deleteText: 'remove',
prefix: 'familymember_set'
});
</script>
{% endblock %}
{% extends "base.html" %}
{% block title %}{% endblock %}
{% block content %}
<h2>Here are all user profiles: </h2>
<div>
<ul>
{% for profile in object_list %}
<li>{{ profile.first_name }} {{ profile.last_name }} | <a
href="{% url 'profile-update' profile.pk %}">edit</a>
<a href="{% url 'profile-delete' profile.pk %}">delete</a>
</li>
{% empty %}
<li>No profile yet.</li>
{% endfor %}
</ul>
<p>
<a href="{% url 'profile-add' %}">add a profile</a>
</p>
</div>
{% endblock %}
{%extends“base.html”%}
{%block title%}{%endblock%}
{%block content%}
{%csrf_令牌%}
确实要删除“{{object}}”吗
{%endblock%}
profile\u form.html
<html lang="en">
<head>
<title>{% block title %}My amazing site{% endblock %}</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link rel='stylesheet' href='//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' type='text/css'>
</head>
<body>
<div id="content" class="container">
<div class="md-col-10">
{% block content %}{% endblock %}
</div>
</div>
</body>
</html>
{% extends "base.html" %}
{% block title %}{% endblock %}
{% block content %}
<h2></h2>
<hr>
<div>
<form action="" method="post">{% csrf_token %}
<p>Are you sure you want to delete "{{ object }}"?</p>
<input type="submit" value="Confirm"/>
</form>
</div>
{% endblock %}
{% extends "base.html" %}
{% load static %}
{% block title %}{% endblock %}
{% block content %}
<h2>Profile</h2>
<hr>
<div class="col-md-4">
<form action="" method="post">{% csrf_token %}
{{ form.as_p }}
<table class="table">
{{ familymembers.management_form }}
{% for form in familymembers.forms %}
{% if forloop.first %}
<thead>
<tr>
{% for field in form.visible_fields %}
<th>{{ field.label|capfirst }}</th>
{% endfor %}
</tr>
</thead>
{% endif %}
<tr class="{% cycle row1 row2 %} formset_row">
{% for field in form.visible_fields %}
<td>
{# Include the hidden fields in the form #}
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field }}
</td>
{% endfor %}
</tr>
{% endfor %}
</table>
<input type="submit" value="Save"/> <a href="{% url 'profile-list' %}">back to the list</a>
</form>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="{% static 'formset/jquery.formset.js' %}"></script>
<script type="text/javascript">
$('.formset_row').formset({
addText: 'add family member',
deleteText: 'remove',
prefix: 'familymember_set'
});
</script>
{% endblock %}
{% extends "base.html" %}
{% block title %}{% endblock %}
{% block content %}
<h2>Here are all user profiles: </h2>
<div>
<ul>
{% for profile in object_list %}
<li>{{ profile.first_name }} {{ profile.last_name }} | <a
href="{% url 'profile-update' profile.pk %}">edit</a>
<a href="{% url 'profile-delete' profile.pk %}">delete</a>
</li>
{% empty %}
<li>No profile yet.</li>
{% endfor %}
</ul>
<p>
<a href="{% url 'profile-add' %}">add a profile</a>
</p>
</div>
{% endblock %}
{%extends“base.html”%}
{%load static%}
{%block title%}{%endblock%}
{%block content%}
轮廓
{%csrf_令牌%}
{{form.as_p}}
{{familymembers.management_form}
{familymembers.forms%}
{%if-forloop.first%}
{%form.visible_fields%}
{{field.label | capfirst}}
{%endfor%}
{%endif%}
{%form.visible_fields%}
{#在#表单中包含隐藏字段}
{%if-forloop.first%}
{%用于隐藏在表单中。隐藏的_字段%}
{{隐藏}}
{%endfor%}
{%endif%}
{{field.errors.as_ul}}
{{field}}
{%endfor%}
{%endfor%}
$('.formset_行').formset({
addText:“添加家庭成员”,
deleteText:“删除”,
前缀:“家庭成员集”
});
{%endblock%}
profile\u list.html
<html lang="en">
<head>
<title>{% block title %}My amazing site{% endblock %}</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link rel='stylesheet' href='//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' type='text/css'>
</head>
<body>
<div id="content" class="container">
<div class="md-col-10">
{% block content %}{% endblock %}
</div>
</div>
</body>
</html>
{% extends "base.html" %}
{% block title %}{% endblock %}
{% block content %}
<h2></h2>
<hr>
<div>
<form action="" method="post">{% csrf_token %}
<p>Are you sure you want to delete "{{ object }}"?</p>
<input type="submit" value="Confirm"/>
</form>
</div>
{% endblock %}
{% extends "base.html" %}
{% load static %}
{% block title %}{% endblock %}
{% block content %}
<h2>Profile</h2>
<hr>
<div class="col-md-4">
<form action="" method="post">{% csrf_token %}
{{ form.as_p }}
<table class="table">
{{ familymembers.management_form }}
{% for form in familymembers.forms %}
{% if forloop.first %}
<thead>
<tr>
{% for field in form.visible_fields %}
<th>{{ field.label|capfirst }}</th>
{% endfor %}
</tr>
</thead>
{% endif %}
<tr class="{% cycle row1 row2 %} formset_row">
{% for field in form.visible_fields %}
<td>
{# Include the hidden fields in the form #}
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field }}
</td>
{% endfor %}
</tr>
{% endfor %}
</table>
<input type="submit" value="Save"/> <a href="{% url 'profile-list' %}">back to the list</a>
</form>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="{% static 'formset/jquery.formset.js' %}"></script>
<script type="text/javascript">
$('.formset_row').formset({
addText: 'add family member',
deleteText: 'remove',
prefix: 'familymember_set'
});
</script>
{% endblock %}
{% extends "base.html" %}
{% block title %}{% endblock %}
{% block content %}
<h2>Here are all user profiles: </h2>
<div>
<ul>
{% for profile in object_list %}
<li>{{ profile.first_name }} {{ profile.last_name }} | <a
href="{% url 'profile-update' profile.pk %}">edit</a>
<a href="{% url 'profile-delete' profile.pk %}">delete</a>
</li>
{% empty %}
<li>No profile yet.</li>
{% endfor %}
</ul>
<p>
<a href="{% url 'profile-add' %}">add a profile</a>
</p>
</div>
{% endblock %}
{%extends“base.html”%}
{%block title%}{%endblock%}
{%block content%}
以下是所有用户配置文件:
{对象_列表%中的配置文件为%0}
- {{profile.first_name}{{profile.last_name}}}}
{%empty%}
- 还没有个人资料
{%endfor%}
{%endblock%}
下面是'base_path/static/formset/jquery.formset.js'路径中的javascript
;(function($) {
$.fn.formset = function(opts)
{
var options = $.extend({}, $.fn.formset.defaults, opts),
flatExtraClasses = options.extraClasses.join(' '),
totalForms = $('#id_' + options.prefix + '-TOTAL_FORMS'),
maxForms = $('#id_' + options.prefix + '-MAX_NUM_FORMS'),
minForms = $('#id_' + options.prefix + '-MIN_NUM_FORMS'),
childElementSelector = 'input,select,textarea,label,div',
$$ = $(this),
applyExtraClasses = function(row, ndx) {
if (options.extraClasses) {
row.removeClass(flatExtraClasses);
row.addClass(options.extraClasses[ndx % options.extraClasses.length]);
}
},
updateElementIndex = function(elem, prefix, ndx) {
var idRegex = new RegExp(prefix + '-(\\d+|__prefix__)-'),
replacement = prefix + '-' + ndx + '-';
if (elem.attr("for")) elem.attr("for", elem.attr("for").replace(idRegex, replacement));
if (elem.attr('id')) elem.attr('id', elem.attr('id').replace(idRegex, replacement));
if (elem.attr('name')) elem.attr('name', elem.attr('name').replace(idRegex, replacement));
},
hasChildElements = function(row) {
return row.find(childElementSelector).length > 0;
},
showAddButton = function() {
return maxForms.length == 0 || // For Django versions pre 1.2
(maxForms.val() == '' || (maxForms.val() - totalForms.val() > 0));
},
/**
* Indicates whether delete link(s) can be displayed - when total forms > min forms
*/
showDeleteLinks = function() {
return minForms.length == 0 || // For Django versions pre 1.7
(minForms.val() == '' || (totalForms.val() - minForms.val() > 0));
},
insertDeleteLink = function(row) {
var delCssSelector = $.trim(options.deleteCssClass).replace(/\s+/g, '.'),
addCssSelector = $.trim(options.addCssClass).replace(/\s+/g, '.');
if (row.is('TR')) {
// If the forms are laid out in table rows, insert
// the remove button into the last table cell:
row.children(':last').append('<a class="' + options.deleteCssClass +'" href="javascript:void(0)">' + options.deleteText + '</a>');
} else if (row.is('UL') || row.is('OL')) {
// If they're laid out as an ordered/unordered list,
// insert an <li> after the last list item:
row.append('<li><a class="' + options.deleteCssClass + '" href="javascript:void(0)">' + options.deleteText +'</a></li>');
} else {
// Otherwise, just insert the remove button as the
// last child element of the form's container:
row.append('<a class="' + options.deleteCssClass + '" href="javascript:void(0)">' + options.deleteText +'</a>');
}
// Check if we're under the minimum number of forms - not to display delete link at rendering
if (!showDeleteLinks()){
row.find('a.' + delCssSelector).hide();
}
row.find('a.' + delCssSelector).click(function() {
var row = $(this).parents('.' + options.formCssClass),
del = row.find('input:hidden[id $= "-DELETE"]'),
buttonRow = row.siblings("a." + addCssSelector + ', .' + options.formCssClass + '-add'),
forms;
if (del.length) {
// We're dealing with an inline formset.
// Rather than remove this form from the DOM, we'll mark it as deleted
// and hide it, then let Django handle the deleting:
del.val('on');
row.hide();
forms = $('.' + options.formCssClass).not(':hidden');
} else {
row.remove();
// Update the TOTAL_FORMS count:
forms = $('.' + options.formCssClass).not('.formset-custom-template');
totalForms.val(forms.length);
}
for (var i=0, formCount=forms.length; i<formCount; i++) {
// Apply `extraClasses` to form rows so they're nicely alternating:
applyExtraClasses(forms.eq(i), i);
if (!del.length) {
// Also update names and IDs for all child controls (if this isn't
// a delete-able inline formset) so they remain in sequence:
forms.eq(i).find(childElementSelector).each(function() {
updateElementIndex($(this), options.prefix, i);
});
}
}
// Check if we've reached the minimum number of forms - hide all delete link(s)
if (!showDeleteLinks()){
$('a.' + delCssSelector).each(function(){$(this).hide();});
}
// Check if we need to show the add button:
if (buttonRow.is(':hidden') && showAddButton()) buttonRow.show();
// If a post-delete callback was provided, call it with the deleted form:
if (options.removed) options.removed(row);
return false;
});
};
$$.each(function(i) {
var row = $(this),
del = row.find('input:checkbox[id $= "-DELETE"]');
if (del.length) {
// If you specify "can_delete = True" when creating an inline formset,
// Django adds a checkbox to each form in the formset.
// Replace the default checkbox with a hidden field:
if (del.is(':checked')) {
// If an inline formset containing deleted forms fails validation, make sure
// we keep the forms hidden (thanks for the bug report and suggested fix Mike)
del.before('<input type="hidden" name="' + del.attr('name') +'" id="' + del.attr('id') +'" value="on" />');
row.hide();
} else {
del.before('<input type="hidden" name="' + del.attr('name') +'" id="' + del.attr('id') +'" />');
}
// Hide any labels associated with the DELETE checkbox:
$('label[for="' + del.attr('id') + '"]').hide();
del.remove();
}
if (hasChildElements(row)) {
row.addClass(options.formCssClass);
if (row.is(':visible')) {
insertDeleteLink(row);
applyExtraClasses(row, i);
}
}
});
if ($$.length) {
var hideAddButton = !showAddButton(),
addButton, template;
if (options.formTemplate) {
// If a form template was specified, we'll clone it to generate new form instances:
template = (options.formTemplate instanceof $) ? options.formTemplate : $(options.formTemplate);
template.removeAttr('id').addClass(options.formCssClass + ' formset-custom-template');
template.find(childElementSelector).each(function() {
updateElementIndex($(this), options.prefix, '__prefix__');
});
insertDeleteLink(template);
} else {
// Otherwise, use the last form in the formset; this works much better if you've got
// extra (>= 1) forms (thnaks to justhamade for pointing this out):
template = $('.' + options.formCssClass + ':last').clone(true).removeAttr('id');
template.find('input:hidden[id $= "-DELETE"]').remove();
// Clear all cloned fields, except those the user wants to keep (thanks to brunogola for the suggestion):
template.find(childElementSelector).not(options.keepFieldValues).each(function() {
var elem = $(this);
// If this is a checkbox or radiobutton, uncheck it.
// This fixes Issue 1, reported by Wilson.Andrew.J:
if (elem.is('input:checkbox') || elem.is('input:radio')) {
elem.attr('checked', false);
} else {
elem.val('');
}
});
}
// FIXME: Perhaps using $.data would be a better idea?
options.formTemplate = template;
if ($$.is('TR')) {
// If forms are laid out as table rows, insert the
// "add" button in a new table row:
var numCols = $$.eq(0).children().length, // This is a bit of an assumption :|
buttonRow = $('<tr><td colspan="' + numCols + '"><a class="' + options.addCssClass + '" href="javascript:void(0)">' + options.addText + '</a></tr>')
.addClass(options.formCssClass + '-add');
$$.parent().append(buttonRow);
if (hideAddButton) buttonRow.hide();
addButton = buttonRow.find('a');
} else {
// Otherwise, insert it immediately after the last form:
$$.filter(':last').after('<a class="' + options.addCssClass + '" href="javascript:void(0)">' + options.addText + '</a>');
addButton = $$.filter(':last').next();
if (hideAddButton) addButton.hide();
}
addButton.click(function() {
var formCount = parseInt(totalForms.val()),
row = options.formTemplate.clone(true).removeClass('formset-custom-template'),
buttonRow = $($(this).parents('tr.' + options.formCssClass + '-add').get(0) || this)
delCssSelector = $.trim(options.deleteCssClass).replace(/\s+/g, '.');
applyExtraClasses(row, formCount);
row.insertBefore(buttonRow).show();
row.find(childElementSelector).each(function() {
updateElementIndex($(this), options.prefix, formCount);
});
totalForms.val(formCount + 1);
// Check if we're above the minimum allowed number of forms -> show all delete link(s)
if (showDeleteLinks()){
$('a.' + delCssSelector).each(function(){$(this).show();});
}
// Check if we've exceeded the maximum allowed number of forms:
if (!showAddButton()) buttonRow.hide();
// If a post-add callback was supplied, call it with the added form:
if (options.added) options.added(row);
return false;
});
}
return $$;
};
/* Setup plugin defaults */
$.fn.formset.defaults = {
prefix: 'form', // The form prefix for your django formset
formTemplate: null, // The jQuery selection cloned to generate new form instances
addText: 'add another', // Text for the add link
deleteText: 'remove', // Text for the delete link
addCssClass: 'add-row', // CSS class applied to the add link
deleteCssClass: 'delete-row', // CSS class applied to the delete link
formCssClass: 'dynamic-form', // CSS class applied to each form in a formset
extraClasses: [], // Additional CSS classes, which will be applied to each form in turn
keepFieldValues: '', // jQuery selector for fields whose values should be kept when the form is cloned
added: null, // Function called each time a new form is added
removed: null // Function called each time a form is deleted
};
})(jQuery);
;(函数($){
$.fn.formset=函数(选项)
{
var options=$.extend({},$.fn.formset.defaults,opts),
flatExtraClasses=options.extraClasses.join(“”),
totalForms=$(“#id_'+options.prefix+'-TOTAL_FORMS”),
maxForms=$('#id_'+options.prefix+'-MAX#NUM_FORMS'),
minForms=$('#id_'+options.prefix+'-MIN#u NUM_FORMS'),
childElementSelector='input,select,textarea,label,div',
$$=$(此项),
applyExtraClasses=函数(行,ndx){
if(选项。类外){
行。removeClass(FlatExtraclass);
row.addClass(options.extraClasses[ndx%options.extraClasses.length]);
}
},
updateElementIndex=函数(元素、前缀、ndx){
var idRegex=new RegExp(前缀+'-(\\d+| uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu,
替换=前缀+'-'+ndx+'-';
如果(要素属性(“for”))要素属性(“for”),要素属性(“for”)。替换(idRegex,替换));
if(elem.attr('id'))elem.attr('id',elem.attr('id')。替换(idRegex,替换));
if(elem.attr('name'))elem.attr('name',elem.attr('name')).replace(idRegex,replacement));
},
hasChildElements=函数(行){
返回row.find(childElementSelector).length>0;
},
showAddButton=函数(){
对于Django 1.2之前的版本,返回maxForms.length==0 | |//
(maxForms.val()=''||(maxForms.val()-totalForms.val()>0));
},
/**
*指示是否可以显示删除链接-当总表单>最小表单时
*/
showDeleteLinks=函数(){
对于Django 1.7之前的版本,返回minForms.length==0 | |//
(minForms.val()=''||(totalForms.val()-minForms.val()>0));
},
insertDeleteLink=函数(行){
var delCssSelector=$.trim(options.deleteCssClass.replace(/\s+/g,'.'),
addCssSelector=$.trim(options.addCssClass).replace(/\s+/g');
if(第行为('TR')){
//如果表格按表格行排列,请插入
//将“删除”按钮插入最后一个表格单元格:
row.children(':last').append('');
}else if(row.is('UL')| | row.is('OL')){
//如果它们以有序/无序列表的形式排列,
//插入一个