django - 如何将 JS 框架与 django 表单集成

Question

我是 django 的新手。我使用 django 表单来呈现 HTML 表单。

我想用流行的 JS 框架“Select2” http://ivaynberg.github.io/select2/替换默认的 ChoiceField 。

我知道直接在 HTML 页面上这样做很容易，但我发现很难将它集成到 django 表单设计中。也许一些 3rd 方 django 插件可以作为https://github.com/applegrew/django-select2工作，但是当我再添加一个 JS 框架时，我可能需要越来越多的 3rd 方 django 插件。

那么使用 django 表单的正确方法是什么？为什么 django 在 HTML 页面之外使用 HTML 表单？与在 Java 中一样，所有 HTML 元素都将进入 JSP 页面。

Answer 1

我只需在呈现表单的模板中添加select2<script>所需的and<style>标记即可。这些脚本标签应该加载select2库并直接在客户端为选择框运行它（恕我直言，不需要服务器端更改）。任何可能需要的 DOM 更改也应该在这些脚本中完成（这使新功能保持封装和隔离）。{% block extra_header %}

{% block extra_header %}应该直接加载到主模板的部分<header>。

Answer 2

您可以编写自定义小部件并将其附加到 ChoiceField。这不是 1-liner，但看起来有人让你轻松了。看看这个：

select2 与 django 选择域