相关疑难解决方法(0)

我的用例是:

一)提出通过AJAX在自举模式加载的形式中,所述花式覆盖效果东西...我遵循了这些指示.

这很好用.(见下面的代码)

b)将此表单提交回我的Django应用程序,尝试验证它,如果它没有验证,则重新显示带有奇特引导模式中的错误的表单.

我可以通过ajax重新加载表单,但我无法在模态中再次表示它.

注意:我没有包含视图,因为它没有什么特别之处.仅实例化和验证表单.

下面有很多东西要读,所以如果您认为用例听起来很有趣,请继续...

我的taskList.html如下所示:

<table id="listItemTable" class="table table-bordered">
        <thead>
            <tr>
                <th>Name</th>
                <th>Edit</th>
            </tr>
        </thead>
    <tbody>
        <tr>
            <td>Task 1</td>
            <td><a class="editItem" href="/update/item/1/">edit</a></td>
        </tr>
    </tbody>
</table>

<div class="modal hide" id="itemFormModal"></div>
<div id="modalExtraJsPlaceholder"></div>

.js用于加载表单+显示bootstrap模态+绑定表单到.jquery提交调用:

$(document).ready(function() {
   modalConnect();
});

<script type="text/javascript">
 //connects the modal load for each <a> with class editItem
 //Functionality 1
     //loads an item edit form from the server and replaces the itemFormModal with the form
     //presents the modal with $("#itemFormModal").modal('show');
 //Functionality 2
     //loads …

我试图在 twitter 引导模式窗口中显示一个 django 表单，但没有运气。我对 javascript、bootstrap 和 django 相当陌生。到目前为止，模态窗口启动正常，但正在显示注册表单。我觉得我错过了一些明显的东西。任何帮助将不胜感激

<div id="mReg" class="modal fade">
     <div class="modal-header">
          <h3>STEP 1: User registration</h3>
      </div>
      <div class="modal-body">
         <form method="post" action=".">
            {% csrf_token %}
            {{ reg_form.as_p }}
          </form>
      </div>    
      <div class="modal-footer">         
          <a href="#" class="btn primary">Next</a>
      </div>
  </div>

我看到了这篇文章，但对我没有帮助

在模态窗口中，不显示窗体。

看法：

class CreateOrder(FormView):
    template_name = 'toner/add_order.html'

    form_class = OrderForm
    success_url = '/toner/'

    def form_valid(self, form):
        form.save()
        return super(CreateOrder, self).form_valid(form)

add_order.html：

<div id="order" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <div class="container txt-box">
                <form action="{% url 'add_order' %}" role="form" method="post">
                    {% csrf_token %}
                    {{ form.media }}
                    {{ form.address }}
                    {{ form.room }}
                    {{ form.count }}
                    <button class="btn btn-success" type="submit">
                        Done
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

main_page.html：

{% extends 'toner/base.html' %}

{% block main_page %} …