全部,将初始数据添加到使用JavaScript的Django ModelForm(JQuery)
我正在显示模型表单集合。我正在使用JQuery动态表单集插件[http://code.google.com/p/django-dynamic-formset/]来处理在该表单集内添加/删除单个表单。
当我添加一个新表单时,我想让用户选择从数据库中选择一个模型来填充该表单。我使用AJAX调用Django视图获取可用模型。另一个AJAX调用获取对应于所选模型的表格的form.initial
数据。我的问题是如何获取最初的数据,并在模板上使用它填充新添加的表单(在客户端 - 在JavaScript中)。下面是一些相关的代码:
视图来获取初始数据:
def get_content(request):
app_to_get = request.GET.get('a', None)
model_to_get = request.GET.get('m', None)
id_to_get = request.GET.get('i',"")
if not app_to_get and not model_to_get and not id_to_get:
print "invalid or incomplete app/model/id combination"
raise Http404()
id_to_get = int(id_to_get)
# these two fns get me the appropriate classes for the model_to_get
# they work and are irrelevant for my current question
model_class = get_model_from_name(model_to_get,app_to_get)
form_class = get_form_from_model(model_class)
model = model_class.objects.get(pk=id_to_get)
form = form_class(instance=model)
formTemplate = Template("{{ form.initial }}")
formContext = Context({"form" : form})
return HttpResponse(formTemplate.render(formContext));
,这里是一些JavaScript:
function add_model() {
var url = window.document.location.protocol + "//" + window.document.location.host + "/get_content/";
url += "?a=" + app_to_add_to + "&m=" + model_to_add + "&i=" + id_to_add;
$.ajax({
url : url,
type : 'get',
success : function(data) {
alert(data);
/* I AM HERE I AM HERE I AM HERE */
}
});
return true;
};
在这一点上,data
看起来是这样的:
{'url': u'http://www.foo.com/', 'id': 2, 'title': u'foo'}
但我不知道如何将数据映射到我新添加的表单。
感谢您的支持。我会试一试。我会在你的笔记1-3中做出你所建议的改变。我会研究注4。 – trubliphone 2012-02-13 21:07:01
+1,所有优点(尽管在视图中的打印语句对我来说是有罪的)。编号5:返回json数据而不是初始字典的字符串表示。这将使JavaScript更容易。 – Alasdair 2012-02-13 21:21:14
@Alasdair:关于响应的一些事情扰乱了我,但我完全忽略了这个事实,即这应该是一个AJAX响应。哈哈,很好。 – 2012-02-13 21:24:49