2

@demalexx の返信に基づいて、django アプリのユーザーが作成した投稿の数を jquery fullcalendar で表示するコードを作成しました。カレンダーを index.html に配置し、django ビューを作成してイベント データを入力しました。

index.html

...
$(document).ready(function() {
   $('#calendar').fullCalendar({
       events: {{posts_counts|safe}}
});
...

ジャンゴビュー

    def index(request){
      now=datetime.datetime.now()
      cday=now.day
      cmonth=now.month
      cyear=now.year
      for i in range(1,cday+1):
        posts_count.append({'title':str(Post.objects.filter(postauthor=request,user,posteddate__year=current_year,posteddate__month=current_month,posteddate__day=i).count()),'start':now.strftime("%Y-%m-"+str(i)),'end':now.strftime("%Y-%m-"+str(i))})}
      return render(request, 'index.html',{'posts_counts':simplejson.dumps(posts_counts)})

urls.py に、URLを次のように入力しました

url(r'^$', 'myapp.views.index',{}, name = 'home'),

これで、期待どおりに動作します。ホームページ ( http://127.0.0.1:8000/myapp/) にアクセスすると、今月の各日は、その日に作成された投稿の数を示しています。

質問::前のボタン、次のボタンをクリックして同じことを行うにはどうすればよいですか?

prevとボタンのクリックで同じことをしたかったので、nextメソッドによって返された月と年を渡して、別のdjangoビューを呼び出すことにしましたfullCalendar('getDate')。このようにコーディングしました。

index.html

...
    $(document).ready(function() {
            $('#calendar').fullCalendar({
                events: {{entry_count|safe}}
            });

            $('.fc-button-prev').click(function(){

                var d=$('#calendar').fullCalendar('getDate');
                var month=d.getMonth()+1;
                var year=d.getFullYear();              
                    //need to call django view with these values...        
            $.ajax({
         url:'/myapp/monthly_posts/'+year+'/'+month,
             type:"GET",
             success:function(){
             alert("done");                         
            },
          }
        );
        });

            $('.fc-button-next').click(function(){
                   //alert('next is clicked, do something');
                       //blank for now
                });

        });

最後に、前のボタンをクリックすると送信されるこの get リクエストを処理するように django ビューをコーディングしました。

def monthly_posts(request,year,month):
    print 'monthly_posts::year=',year,' month=',month    
    posts_counts=[]
    #find number of days in month and feed to forloop
    days_in_month=calendar.monthrange(int(year), int(month))[1]
    for i in range(1,days_in_month+1):
        cdate=datetime.datetime(int(year),int(month),i)
        posts_counts.append({
                              'title':str(Post.objects.filter(postauthor=request.user,posteddate__year=year,posteddate__month=month,posteddate__day=i).count()),
                              'start':cdate.strftime("%Y-%m-%d"),
                              'end':cdate.strftime("%Y-%m-%d")
                              })
    dumped=simplejson.dumps(posts_counts)
    print 'dumped posts=',dumped
    return render(request, 'index.html',{'posts_counts':dumped})

urls.py にも

url(r'^monthly_posts/(?P<year>\d{4})/(?P<month>\d{1,2})/$','myapp.views.monthly_posts',{})

物事が完全に機能しない場合は次のとおりです。[前へ] ボタンをクリックすると、警告ボックスが期待どおりにポップアップ表示され、django ビューが実行され、print ステートメントmonthly_posts()が正しい値を取得します (今日がapril 11であるとします。prevボタン、印刷ステートメントが印刷されます

month_posts::year= 2012 month= 3

これは正しい..つまり、私のjavascriptコードが月番号に1を追加するため、2012年3月です(それ以外の場合は3月の場合は2です-ベースが0であるためjavascript date.getMonth())

また、ビューの最後のprintステートメントでjsonダンプを正しく出力します。その月に作成された投稿を確認しました。問題ありません。

ただし、3 月のカレンダー ビューにはイベントが表示されません。

URLを手動で入力したとき

http://127.0.0.1:8000/myapp/monthly_posts/2012/3/

django ビューの print ステートメントが正しく実行される

month_summary::year= 2012  month= 3

しかし、月のビューはまだ当月のもの、つまり4月です..それは予想されることだと思います..前のボタンをクリックすると驚きが起こり、アラートボックスが正しくポップアップします.

3 月の月ビューでは、すべての日が正しくイベントと共に表示されます..!

私はこれに少し混乱しています..前のボタンをクリックしたときにイベントが正しく表示されるようにするにはどうすればよいですか? ajax と django の動作方法について、ここでいくつかの基本的なことが欠けていると思います。

4

1 に答える 1

1

Django ビューで Ajax を使用します。

def index(request):
    if request.is_ajax():
        return get_monthly_posts(request.GET['start'], request.GET['end'])
    return TemplateResponse(request, 'index.html', {})

応答を準備します。

def get_monthly_posts(start, end):
    #prepare data_list using start nad end variables
    #remember that start/end variables are in timestamp

    return HttpResponse(simplejson.dumps(data_list), mimetype='application/javascript')

urls.py:

url(r'^index/', 'myapp.views.index', name='index')

index.html:

$('#calendar').fullCalendar({
    events: '/index/'
});
于 2013-01-04T10:33:25.030 に答える