django表单字段显示不顺序

Question

我有一个组的此表格和模型：

class GroupForm(forms.ModelForm):
    class Meta:
        model = Group
        fields = ('leader', 'description', 'size', 'max_size', 'motto')

        widgets = {
            'size': forms.CheckboxInput(attrs={'id': 'size'}),
            'max_size': forms.TextInput(attrs={'type': 'hidden', 'id': 'maxSize'}),
        }

该组的创建者可以选择size的选择，然后我使用javascript更改max_size <代码>显示。

在我的create_group.html模板中：

<script>
    let size = document.getElementById('size')
    let maxSize = document.getElementById('maxSize')
    let checked = false
    
    size.onclick = () => {
        checked = !checked
        if (checked === true) {
            maxSize.type = 'show'
        } else {
            maxSize.type = 'hidden'
        }
        
    }
</script>

现在，这效果很好，唯一的问题是字段显示不顺序。

当页面加载时，max_size是false，并且未显示其字段。这很好。但是，当用户检查该组的大小时，随后，max_size显示show> show的显示时，该字段在座右铭字段之后出现，而不在其根据fields =（'Leader'，'描述'，'size'，'max_size'，'Motto'）正确订购。

此外，max_size字段包含座右铭元素本身，而不是其自己的字段：

与其他字段中的其他字段，这些字段都是自己的＆lt; p＆gt;＆lt;/p＆gt;。

Answer 1

我猜想{{form.as_p}}等。首先渲染所有可见字段，然后呈现隐藏的字段。

您可以按照模板中想要的顺序明确渲染字段。与其在模板中进行硬编码，还可以（我从未尝试过）：

FIELD_ORDER = ( ('leader', 'description', 'size', 'max_size', 'motto')
class GroupForm(forms.ModelForm):
    class Meta:
        model = Group
        fields = FIELD_ORDER

将模板以您想要的顺序明确地传递给字段列表：

fields_in_order = [ form[x] for x in FIELD_ORDER ]

在模板中

{% for field in fields_in_order %}
   {{field}}
{% endfor %}

，您可以使该字段的隐藏在此字段中已完成。由JS

Answer 2

如果其他人遇到了这个问题，也可以只使用JS和CSS。现在，我正在使用JavaScript查看size是否已选中，如果是maxsize.style.display ='block' vs maxsize.style。 display ='none'如果size未检查。

然后，我仍然可以看到Django的表格标签问题。为了解决这个问题，我在您可以自己看到。

我现在的问题是，我不知道如何添加仅在可见表单字段时可见的标签。