1

私は、django-floppyforms、特にスライダー ウィジェットの実装に取り​​組んでいます。ただし、django Web アプリケーションに表示することはできません。ネイティブ スライダーは機能しますが、jQuery スライダーは機能しません。下の画像は問題を示しています。

ここに画像の説明を入力

エラー

> UserWarning: A {% csrf_token %} was used in a template, but the
> context did not provide the value.  This is usually caused by not
> using RequestContext.   warnings.warn("A {% csrf_token %} was used in
> a template, but the context did not provide the value.  This is
> usually caused by not using RequestContext.")

This Question、this question、および this questionはすべて、コンテキストプロセッサが使用されていることを確認することを示唆していdjango.core.context_processors.csrfます。解決策の1つはから使用することRequestContextですdjango.template

以下に示すように、実装しようとしましたが、同じエラーが発生し続けます。

何か案は？

  • ジャンゴ==1.6.2
  • ジャンゴフロッピーフォーム== 1.2.0

ビュー.py

def sview(request):
   jquery_slider = Slider()
   native_slider = SlideForm()

   return render_to_response('slider_one.html', {
                                          'jquery_slider': jquery_slider,   
                                          'native_slider': native_slider,             
                                          }, context_instance=RequestContext(request))

Slider_one.html

{# slider.html #}
{% include "floppyforms/input.html" %}
<div id="{{ attrs.id }}-slider"></div>

<html> 
    <body>
        <h1>This is your slider_one.html template</h1>

<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery.min.js"></script> 
<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="{{ STATIC_URL }}/css/jquery-ui.min.css"></script> 


<form action="" method="post">
    {% csrf_token %}

        {{ jquery_slider }}
        {{ native_slider }}

    <input type="submit" value="Submit" />               
</form>

<script type="text/javascript">
  $(document).ready(function() {
    var type = $('<input type="range" />').attr('type');
    if (type == 'text') { // No HTML5 support
      $('#{{ attrs.id }}').attr("readonly", true);
      $('#{{ attrs.id }}-slider').slider({
        {% if value %}value: {{ value }},{% endif %}
        min: {{ attrs.min }},
        max: {{ attrs.max }},
        step: {{ attrs.step }},
        slide: function(event, ui) {
          $('#{{ attrs.id }}').val(ui.value);
        }
      });
    }
  });
</script>

フォーム.py

import floppyforms as forms    

class Slider(forms.RangeInput):
    min = 5
    max = 20
    step = 5
    template_name = 'slider_one.html'

    class Media:
        js = (
            '/static/js/jquery.min.js',
            '/static/js/jquery-ui.min.js',
        )
        css = {
            'all': (
                '/static/css/jquery-ui.css',
            )
        }

class SlideForm(forms.Form):
    num = forms.IntegerField(widget=Slider)

    def clean_num(self):
        num = self.cleaned_data['num']
        if not 5 <= num <= 20:
            raise forms.ValidationError("Enter a value between 5 and 20")

        if not num % 5 == 0:
            raise forms.ValidationError("Enter a multiple of 5")
        return num

編集：

また、settings.py ファイルの MIDDLEWARE_CLASSES で以下を有効にしています

django.middleware.csrf.CsrfViewMiddleware'
4

2 に答える 2

1

私も同じ問題を抱えていました。@professorDanteが言ったように、必要なもの：

return render(request, "slider_one.html", local())

重要なのは、csrf を生成するために、リクエスト オブジェクトをテンプレートに渡す必要があるということです。

于 2015-06-18T19:47:54.853 に答える