有没有办法在 javascript 文件中包含 Django ModelForm？

Question

我需要在 JavaScript 的动态创建元素中包含 Django ModelForm。

class PostForm(ModelForm):
    class Meta:
        model = Post
        fields = ['body']
        widgets = {
            'body': forms.Textarea(attrs={'placeholder':'Compose your post here...', 'rows':3})
        }

我想在容器 div 中包含上述表单

let container = document.createElement('div');
container.innnerHTML = "<div></div>";

有没有办法做到这一点？

Answer 1

您可以将表单呈现为<template> ，然后从 js 访问它。

<template>
    {{ form }}
</template>

现在从 js 文件中，您可以访问上面的元素并将其放入其他容器中。 模板标签已隐藏，因此不会出现在您的页面上。