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

问题描述

我需要在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>";

有没有办法做到这一点？

解决方法

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

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

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