1

django フォーム送信後に Twitter-Bootstrap モーダルに表示したいのですがlast_item、モーダルの処理方法がわかりません。ドキュメントで提案されているフォーム ボタンを試しましたが、フォーム データが処理されません。どうすればいいですか？

<button data-toggle="modal" data-target="#myModal2">Submit</button>

ビュー.py

def main(request):
    if request.method == 'POST':
        form = MyModelForm(request.POST)
        if form.is_valid():
            name = form.cleaned_data['name']
            request.session['name'] = name
            mm = MyModel.objects.create(name=name)
            mm.save()
            return HttpResponseRedirect('/') # Redirect after POST
    else:
        form = MyModelForm()
    args = {}
    args['last_item'] = MyModel.objects.all().order_by('pk').reverse()[0]
    args['form'] = form
    return render(request, 'form.html', args)

form.html

{% extends "base.html" %}
{% block content %}

<form method="POST" id="" action="">
  {% csrf_token %}
  {{ form.as_p }}
  <button>Submit</button>
</form>

<div class="modal" id="myModal2" tabindex="-1" role="dialog"
     aria-labelledby="myModal2Label" aria-hidden="true" style="display: none">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModal2Label">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>Last item: {{ last_item }}</p>
  </div>
</div>
{% endblock %}

{% block scripts %}
{% endblock %}
4

1 に答える 1

1

クリック時のブートストラップ呼び出しのようで、event.preventDefault()フォームが送信されないようです。

このボタンに独自のイベントをバインドし、モーダルをプログラムで閉じる必要があります。

次のようになります。

$('form').submit(function() {
    $('#myModal2').modal('hide');
})

私はこのコードをテストしていませんが、良いスタートになるはずです。

于 2012-09-29T10:03:06.183 に答える