【发布时间】：2015-07-20 00:15:09
【问题描述】：
对此处发布的问题 (Django: modifying data with user input through custom template tag?) 进行了一些跟进，但自从提出这个问题后，我决定采用不同的方法。如您所知，我是新手，所以请放轻松。
我想要在我的 Django 应用程序中显示数据库中的班次的每周日历。以下是 Shift 模型。
class Shift(models.Model):
owner = models.ForeignKey(settings.AUTH_USER_MODEL, related_name='shifts',
blank=True, null=True) # A shift may not have an owner.
# Choices for fields. Add more choices as necessary.
DAYS = (
('M', 'Monday'),
('TU', 'Tuesday'),
('W', 'Wednesday'),
('TH', 'Thursday'),
('F', 'Friday'),
('SA', 'Saturday'),
('SU', 'Sunday'),
)
day_of_the_week = models.CharField(max_length=2, choices=DAYS, blank=True, null=True)
start_date = models.DateField(blank=True, null=True)
end_date = models.DateField(blank=True, null=True)
start_time = models.TimeField(default='12:00:00')
end_time = models.TimeField(default='14:00:00')
hours = models.DurationField(editable=False)
activated = models.BooleanField(verbose_name='Activate', default=False)
sale_status = models.BooleanField(verbose_name='Activate sale', default=False)
...
def save(self, *args, **kwargs): # Overwrite save() to calculate and save the duration of a shift.
temp_date = datetime(1,1,1,0,0,0)
self.hours = datetime.combine(temp_date, self.end_time) - datetime.combine(temp_date, self.start_time)
super(Shift, self).save(*args, **kwargs)
管理员创建班次并将所有者分配给班次。分配所有者后，所有者可以出售班次，这会将 sale_status=False 更改为 sale_status=True。然后其他用户可以购买班次，将班次的owner更改为买家，将班次的sale_status更改为False。理想情况下，这些操作（销售和购买班次）可以通过日历通过单击班次来执行。这意味着日历必须显示activated=True 的所有班次。
我已经研究了一段时间，并决定使用FullCalendar。展望未来，我知道我必须修改我的 views.py 以获得 AJAX 视图并为日历创建模板，但我也不知道该怎么做。我的模板目前看起来像这样：
<head>
<link rel='stylesheet' href='fullcalendar/fullcalendar.css' />
<script src='lib/jquery.min.js'></script>
<script src='lib/moment.min.js'></script>
<script src='fullcalendar/fullcalendar.js'></script>
</head>
<div id="calendar"></div>
<script type='text/javascript'>
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
events: "shifts/eventsFeed",
weekends: false,
editable: false,
})
});
</script>
这显然是错误的（没有使用 Django 的模板语言，eventsFeed 没有实现等）但是我不知道从这里怎么走。
任何帮助，尤其是关于 sn-ps 代码的帮助，将不胜感激。
谢谢！
编辑：所以我能够使用以下代码加载日历：
// in views.py
def view_shifts(request):
"""
View for displaying activated shifts in a weekly calendar format.
"""
activated_shifts = Shift.objects.filter(activated=True) # Get all the activated shifts.
shifts = [] # place holder
for shift in activated_shifts:
temp = OrderedDict()
temp['id'] = shift.id
temp['title'] = shift.title
temp['start'] = str(shift.start_date) + 'T' + str(shift.start_time)
temp['end'] = str(shift.end_date) + 'T' + str(shift.end_time)
shifts.append(temp)
calendar_config_options = {'header': {
'left': 'prev,next today',
'center': 'title',
'right': 'month,agendaWeek,agendaDay'
},
'defaultView': 'agendaWeek',
'editable': 'True', # View only.
'events': json.dumps(shifts),
'firstDay': 1 # Week starts on Monday.
}
return render(request, 'shifts/full_calendar.html', {'calendar_config_options': calendar_config_options})
我还将字段title 添加到我的Shift。它只是self.owner 的字符串表示形式。
我的模板名为calendar_init.html，如下：
<script type="text/javascript">
$(document).ready(function() { // Page is ready.
// Initialize the calendar.
$('#calendar').fullCalendar({{ calendar_config_options }});
});
</script>
现在，当模板被渲染时，我得到以下信息：
<!DOCTYPE html>
<head>
<title>Shifts</title>
...
<script type="text/javascript">
$(document).ready(function() { // Page is ready.
// Initialize the calendar.
$('#calendar').fullCalendar({'firstDay': 1, 'header': {'right': 'month,agendaWeek,agendaDay', 'center': 'title', 'left': 'prev,next today'}, 'defaultView': 'agendaWeek', 'editable': True, 'events': '[{"id": 61, "title": "Unclaimed", "start": "2015-07-21T14:00:00", "end": "2015-07-21T16:00:00"}, {"id": 62, "title": "slee17", "start": "2015-07-21T12:00:00", "end": "2015-07-21T14:00:00"}]'});
});
</script>
</head>
<body>
<div id="calendar"></div>
但是，日历仍然没有加载班次。我尝试使用json.loads(json.dumps(shifts)) 而不是json.dumps(shifts)，还尝试使用http://robotfantastic.org/serializing-python-data-to-json-some-edge-cases.html 中的辅助函数。两者都没有在日历上加载班次。我在这里做错了什么？ （日历还在加载中，它的配置和我配置的一样，但是日历是空的。）
另外，还有两个小问题：
1) 当我说'edtiable': True 而不是'editable': 'True' 时，页面变为空白，没有错误。为什么会这样？我也尝试过'weekends'='False'，它仍然显示带有周末的日历，因此在布尔值方面显然没有正确配置日历。我不知道为什么，因为其他配置设置（例如header、defaultView 和firstDay）似乎都运行良好。
2) 我使用 OrderedDict() 是因为我怀疑在尝试将 events 加载到日历时顺序很重要，但我不确定这是否属实。我可以只使用普通的 Python 字典吗？
【问题讨论】：
标签： python django django-views fullcalendar