python - Django - 如何从多选表单字段中的多对多关系中获取详细信息
问题描述
我有 2 个与 M2M 关系链接的模型,我想构建一个表单,允许管理链接但也可以添加对选定值的控件。这发生在管理模板之外。
我设法定义了管理链接的表单,但我无法考虑其他信息来定义有效性控制。
这是我的模型:
class EventGroup(models.Model):
company = models.ForeignKey(
Company, on_delete=models.CASCADE, verbose_name="société"
)
users = models.ManyToManyField(UserComp, verbose_name="utilisateurs", blank=True)
group_name = models.CharField("nom", max_length=100)
weight = models.IntegerField("poids", default=0)
class Event(models.Model):
company = models.ForeignKey(
Company, on_delete=models.CASCADE, verbose_name="société"
)
groups = models.ManyToManyField(EventGroup, verbose_name="groupes", blank=True)
rules = [("MAJ", "Majorité"), ("PROP", "Proportionnelle")]
event_name = models.CharField("nom", max_length=200)
event_date = models.DateField("date de l'événement")
slug = models.SlugField()
current = models.BooleanField("en cours", default=False)
quorum = models.IntegerField(default=33)
rule = models.CharField(
"mode de scrutin", max_length=5, choices=rules, default="MAJ"
)
表格:
class EventDetail(forms.ModelForm):
groups = forms.ModelMultipleChoiceField(
label = "Liste des groupes",
queryset = EventGroup.objects.none(),
widget = forms.CheckboxSelectMultiple,
required = False
)
class Meta:
model = Event
fields = ['event_name', 'event_date', 'quorum', 'rule', 'groups']
风景:
def event_detail(request, evt_id=0):
if evt_id > 0:
current_event = Event.objects.get(id=evt_id)
event_form = EventDetail(request.POST or None, instance=current_event)
else:
event_form = EventDetail(request.POST or None)
company = Company.get_company(request.session['comp_slug'])
event_form.fields['groups'].queryset = EventGroup.objects.\
filter(company=company).\
order_by('group_name')
if request.method == 'POST':
if event_form.is_valid():
event_form.save()
return render(request, "polls/event_detail.html", locals())
这可以毫无问题地添加或删除专用于所选或新事件的组,但我需要添加组的权重信息并控制所选组的总权重正好为 100。除此之外,我还需要确保所选组中的每个用户只列出一次。有没有人知道如何实现这些控件,或者至少如何显示附加信息以向用户提供相关的必要信息?
解决方案
在选项中显示组权重的最简单方法是更改__str__
EventGroup 的方法。它看起来像这样:
class EventGroup(models.Model):
company = models.ForeignKey(
Company, on_delete=models.CASCADE, verbose_name="société"
)
users = models.ManyToManyField(UserComp, verbose_name="utilisateurs", blank=True)
group_name = models.CharField("nom", max_length=100)
weight = models.IntegerField("poids", default=0)
def __str__(self):
return f"{self.group_name} ({self.weight})"
因此,重量为 75 的名为“Group”的组将在选项列表中显示为“Group (75)”
如果要动态显示所选选项的总重量,则需要一些 javascript。您需要一个在单击任何选项时触发的函数,并以某种方式找到该选项的权重。按照__str__
解决方案,它可能如下所示:
var current_weight = 0
document.querySelector('#id_groups').addEventListener('click', function(e) {
if (e.target && e.target.nodeName == "LI") {
option = e.target
weight = option.textContent.split('(')
weight = parseInt(weight[-1][:-1])
if (option.checked) {
current_weight -= weight
} else {
current_weight += weight
}
document.getElementById('current_weight').textContent = current_weight
submit_button = document.getElementById('submit')
if (current_weight == 100) {
submit_button.disabled = false
} else {
submit_button.disabled = true
}
})
这必须在您的 polls/event_detail.html 模板导入的 .js 文件中。
该脚本的作用是监听 django CheckboxMultiple 小部件的任何 LI 元素的点击,并通过一些简单的字符串操作获得其权重。该字符串将类似于“组名称 (23)”。如果选中该选项,脚本将从 current_weight 中减去其权重(用户已取消选择该选项)。否则,它会增加重量。更新后的总和将动态显示在您将添加到 id='current_weight' 的 event_detail.html 模板的元素上。然后,此变量可以通过启用或禁用其提交按钮来控制是否可以提交表单。
如果您希望服务器端验证此权重 == 100 限制,您可以在 views.py 中执行类似操作:
if request.method == 'POST':
total_weight = 0
try:
post = request.POST
for item in post['groups']:
weight = EventGroup.objects.get(pk=item).weight
total_weight += weight
except:
pass
if event_form.is_valid() and total_weight == 100:
event_form.save()
这种方式只有在 weight == 100 时才会保存实例。否则,您可以将适当的错误消息传递给用户。
我无法正确测试这个脚本,但我希望这个想法有所帮助。我不确定您所说的“确保所选组中的每个用户只列出一次”是什么意思,所以我无法回答。好机会!
推荐阅读
- f# - 列表的递归除法 F#
- javascript - 在提示中输入石头、纸或剪刀后在控制台中未定义
- java - 如果我有太多空行,单词显示的问题
- c# - 如何通过将方法添加到 .netcore 2.1 中的 Startup 来将方法称为后台工作程序?
- mysql - SQL MATCH ... AGAINST 将结果限制为当前年份
- angular - 添加接口获取请求
- android - Android Studio 3.5.3 中是否存在“微调器”和“expandableListView”项目
- python - Python 在大约一天后失去与 MySQL 数据库的连接
- javascript - 变量的引用
- javascript - 如何将 onClick 函数添加到动态填充的 div?