Django-jQuery 和标签？

Posted 2023-05-09

【中文标题】Django-jQuery 和标签？

【英文标题】：Django- jQuery and tags?

【发布时间】：2017-04-01 09:32:04

【问题描述】：

我正在使用存储/管理表单的应用程序。我一直想列出页面中的所有表单，如果用户单击表单名称，则该表单被获取（通过 jQuery？）并显示在同一页面中的表单列表下方，以便用户可以填写并提交！

制作这个应用程序的人留下了一个模板来获取特定表单的html，例如% render_built_form slug=form_instance.slug %

我对正确的处理方式感到非常困惑。使用以下方案是否可能/正确：

（显示表单列表，使用一些javascript为每个表单制作一个按钮） 当用户点击一个按钮时，相应的表单（html 字符串）被获取，以某种方式使用标签（带有表单的 slug）'inside' jQuery html 表单显示在列表下方，用户现在可以填写它。

这是一个正确/可行的想法，还是我混淆了这些概念？如果是这样，关于如何使用带有标签的 jQuery 的指针将非常有帮助。

【问题讨论】：

看来你的想法是对的。

我现在已经完成了整个“序列”，并确认我询问的总体思路是正确的。甚至还有额外的异步 POST 来提交表单。谢谢

发布您的解决方案作为答案并接受它。

【参考方案1】：

同时我已经确认我的想法是可行的，因为我已经实现了它并且运行良好。我什至还实现了一个我没有提到的额外的事情，即对填写的表单进行异步 POST。谢谢。

【参考方案2】：

似乎是一个不错的方法。 我不会全部给你写的！ :-) 但是，我会给你一些关于从哪里开始的指示和链接。

1a。您可以从 view.py 文件传递​​到模板的表单“列表”。模板引擎可能类似于jinja2 或python 模板。您的列表和视图将如下所示。

    def form_view_function(request):
        list_of_dict_items = 
            forms: [
                name:'form one',
                target: '/form_one_link'
            ,
                name:'form two',
                target: '/form_two_target'
            ]

    return render_to_response("my_template_folder/forms.html", list_of_dict_items)

1b。模板forms.html：

% for item in forms %
     <button onClick=function_to_target( item.target )>item.name</button>
% endfor %

2 & 3. 有几种方法可以处理表单的动态加载。与 Ajax 调用。大部分内容都包含在这两个博客中：http://racingtadpole.com/blog/django-ajax-and-jquery/ 和 https://realpython.com/blog/python/django-and-ajax-form-submissions/。

希望这能让您入门！

【讨论】：

你的回答真的很奇怪，因为我已经在另一个答案（和评论）中说过我已经实现了这个想法并且运行正常

抱歉误解了您的问题。我认为您需要有关如何在模板中呈现表单数据的提示。然后，进一步指出如何获取表单并将完整数据发布回 Django。如果一切正常。你为什么不发布代码来完成你的答案？