首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在django中使用引导模式对话框?

如何在django中使用引导模式对话框?
EN

Stack Overflow用户
提问于 2018-09-03 06:36:56
回答 1查看 838关注 0票数 0

我在我的Django模板中使用引导模式对话框时遇到了一个问题。当用户提交表单时,模式对话框只会出现2秒,并重定向到index.html文件。

这是我的views.py文件

代码语言:javascript
复制
class RequestItem(generic.CreateView):
model = UserNotification
fields = ['Name', 'Mobile_No', 'Proof']

def get_form(self, form_class=None):
    if form_class is None:
        form_class = self.get_form_class()
    form = super().get_form(form_class)
    form.fields['Name'].widget = TextInput(attrs={'placeholder': '*Enter your name'})
    form.fields['Mobile_No'].widget = TextInput(
        attrs={'placeholder': "*Enter your's mobile number to get a call back from angel"})
    form.fields['Proof'].widget = TextInput(attrs={'placeholder': '*enter proof you have for your lost item'})
    return form

def form_valid(self, form):
    print(self.kwargs)

    self.object = form.save(commit=False)
    qs = Report_item.objects.filter(id=self.kwargs.get("pk"))
    self.object.user = qs[0].owner
    self.object.save()
    query_list = Report_item.objects.filter(publish=True)
    return render(self.request,"feed/index.html",{"object_list":query_list})

这是我的带有模式对话框的表单:

代码语言:javascript
复制
<div class="thumbnail" style="padding-right:5%;">
        <div class="thumbnail-center">
            <font size="6">
            <p>Please fill this form</p>
            </font>
        </div>
        <form class="form-herizontal" action="" method="post" enctype="multipart/form-data">
            {% csrf_token %}
              {% if form.errors %}
                <p>{{ form.errors }}</p>
              {% endif %}
            {% include 'feed/form_template.html'%}
            <br>
                 <div class="row">
                    <div class="col-md-5"></div>
                    <div class="col-md-7">
                        {% if user.is_authenticated %}
                            <button type="submit" class="login-btn btn btn-success" data-toggle="modal" data-target="#myModal">Request to return</button>
                        {% else %}
                            <button type="submit" class="login-btn btn btn-success" disabled>Request to return</button>
                            <p style="color:red;">*Please <a href="{% url 'login' %}">login</a>to request yout item</p>
                        {% endif %}
                    </div>


                </div>

            <br>

        </form>
        </div>
        <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Request Done</h4>
        </div>
        <div class="modal-body">
          <p>Your request has been done.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
</div>

我希望用户只重定向到索引页时,点击关闭按钮的模式对话框。请帮助我实现这一点。

EN

回答 1

Stack Overflow用户

发布于 2018-09-03 09:30:23

在与表单相同的页面中有一个模态,它是由submit按钮触发的,所以表单完成了它应该做的事情:通过post将其发送到服务器。模态不会停止此操作。更重要的是,它是一条成功的消息,所以它应该出现在表单发送之后,并返回一个响应,在本例中返回的响应是呈现索引页面。

您可以做的不是在成功时呈现索引,而是使用在加载时触发的模式呈现一个页面,该模式可以执行您需要的操作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52141479

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档