我的对象有一个编辑页面。因为我在两个选项卡中划分了数据,所以我使用的是jquery-ui。在第一个选项卡(#core_data
)上,我正在加载对象的主要数据。表格通过Ajax提交:
<form method="post" class="object_form" id="event-core-form" action="{% url edit_event_data event.id %}" enctype="multipart/form-data">
{{ form.as_p }}
<p>
<input class="object-submit" id="event-data-save" type="submit" value="Save data">
</p>
</form>
JS:
$("#event-data-save").livequery("click", function() {
$("#event-core-form").ajaxSubmit({
"success": function(data) {
data = JSON.parse(data)
$("#core-data").html(data["form"]);
}
});
return false;
})
并运行一个函数,我的调试说它立即被调用了2次:
def edit_event_data(request, event_id,):
template_name="management/core_event.html"
event = get_object_or_404(Event, pk=event_id)
form = EventForm(instance=event, data=request.POST)
if form.is_valid():
form.save()
form = EventForm(instance=event)
form_html = render_to_string(template_name, RequestContext(request, {
"event" : event,
"form" : form,
}))
result = simplejson.dumps({
"form": form_html,
"message": "Data saved."
}, cls=LazyEncoder)
return HttpResponse(result, mimetype='application/javascript')
此外,在成功提交击中保存再次给我一个原始表格呈现:/这是我正在使用的表格。我认为这可能是我遇到问题的原因:
class EventForm(forms.ModelForm):
def __init__(self, *args, **kwargs):
logging.debug("form - init")
super(EventForm, self).__init__(*args, **kwargs)
(...)
def save(self, *args, **kwargs):
(...)
logging.debug("form - save")
post = super(EventForm, self).save(*args, **kwargs)
post.save()
因为在我的调试中我可以看到我认为__init__'s
2010-10-28 23:35:08,210 DEBUG form - init
2010-10-28 23:35:34,065 DEBUG form - init
2010-10-28 23:35:34,068 DEBUG form - save
2010-10-28 23:35:34,073 DEBUG form - init
2010-10-28 23:35:34,258 DEBUG form - init
2010-10-28 23:35:34,262 DEBUG form - save
2010-10-28 23:35:34,270 DEBUG form - init
有人可以帮忙吗?
编辑:
删除jquery-ui之后仍然一样。删除实时查询也没有结果。
答案 0 :(得分:1)
为什么在保存原始表单后实例化新表单?
if form.is_valid():
form.save()
# what's the point of the next line?
form = EventForm(instance=event)
这几乎可以肯定是您重复__init__
电话的原因。你为什么这样做?你已经有了表格。
此外,您忘记在JS中完成点击操作。
$("#event-data-save").livequery("click", function(e) {
e.preventDefault();
...
})