django形成一个弹出对话

时间:2015-06-30 16:54:48

标签: javascript jquery python html django

我刚刚使用以下文档创建了一个django表单:https://docs.djangoproject.com/en/1.8/topics/forms/

我的Forms.py与此类似:

from django import forms

class NameForm(forms.Form):
    your_name = forms.CharField(label='Your name', max_length=100)

我的Html模板与此类似(来自django doc):

<dialog id="addForm">
    <form action="{% url "listing" %}" method="post" >
    {% csrf_token %}
    {{ form }}

    <input id="task_submit" type="submit" value="Submit"/>
    </form>
</dialog>

<button onlick="PopUp()">Add Listing </button>

<script>

function PopUp(){
    document.getElementByID("addForm").showModal();
}

</script>

但是,当用户点击名为“添加任务”的按钮时,我希望我的表单成为弹出式对话框。在用户单击“添加任务”按钮之前,我不希望显示该表单。到目前为止,在使用Django Forms时我还没有找到任何方法。

问题:当用户点击按钮时,如何实现弹出对话框以显示我当前的django表单?

1 个答案:

答案 0 :(得分:3)

相关问题