如何将django表单渲染为bootstrap模态窗口

时间:2014-10-17 22:36:15

标签: django twitter-bootstrap django-forms django-crispy-forms

我正在学习Django,我想在bootstrap模态视图中显示一些表单。 我有一个带有HTML表的模板,这个表有一个带有下拉按钮的列,其中有几个选项。 该表使用django-tables2呈现,表单使用django-crispy-forms

呈现

模态形式的表单定义:

class RecepcionForm(forms.ModelForm):
    fecha_recepcion = forms.DateField(widget=DateInput())
    def __init__(self,*args,**kwargs):
       super(RecepcionForm,self).__init__(*args,**kwargs)
       self.helper = FormHelper(self)
       self.helper.layout = Layout(
            Field('id_proveedor',
                  'anio',
                  'mes',
                  'usuario',
                  readonly = True
             ),
            Fieldset('',
                     'fecha_recepcion',
                     'num_archivos',
                     Submit('save','Grabar'),
                     HTML('<a class="btn btn-danger" href={% url "monitor" %}>Cancelar</a>')
            )
       )
    class Meta:
       model = DetalleRecepcion

我对模态形式的看法:

@login_required(login_url='/login/')
def RecepModalView(request):
    idp = request.GET.get('i')
    anio = request.GET.get('a')
    mes = request.GET.get('m')
    if request.method == 'POST':
       r = DetalleRecepcion.objects.get(id_proveedor=idp,anio=anio,mes=mes)
       form = RecepcionForm(request.POST, instance=r)
       if form.is_valid():
          form.save()
          return HttpResponseRedirect('/monitor/')
    else:
       r = DetalleRecepcion.objects.get(id_proveedor=idp,anio=anio,mes=mes)
       r.usuario = request.user
       form = RecepcionForm(instance=r)

    return render_to_response('recepmodal.html',
                              {'form':form},
                              context_instance=RequestContext(request))

模板形式的模板

{% load crispy_forms_tags %}
<div class="modal fade" id="recmodal" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Register </h4>
      </div>
      <div class="modal-body">
        <form action="" method=post">
         <div class="tab-content">
           <div class="tab-pane active" id="tab1">

    {% crispy form %}

           </div>
         </form>
         </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary">Submit</button>

      </div>
    </div>
  </div>
</div>

我不知道如何打开并将参数传递给模态表单。

我尝试使用django标签包含 示例摘录:

<body>
<table>
.
.
.
</table>

{% include 'recmodal.html' %}

</body>

但是我收到了这个错误 例外值:

中键[表单]的查找失败

简单来说,如何使用django-crispy-forms在django中传递值并打开bootstrap模式形式。

任何建议

Thansk提前

1 个答案:

答案 0 :(得分:0)

我知道现在回答还为时已晚,但是我使用表单将其形式转换为“ modal-body”标签:

<form method="post">
    {% csrf_token %}
    {% form.as_p %}
</form>

我希望我们来到这里寻找答案的像我这样的所有人都能做得到。

致谢。