django - 如何将 Django forms.ChoiceField 呈现为 Twitter Bootstrap 下拉菜单

标签 django django-forms twitter-bootstrap django-crispy-forms

使用 django-bootstrap、django-bootstrap-form、django-bootstrap-toolkit、django 之一呈现 Django forms.ChoiceField 作为 Twitter Bootstrap 下拉列表的最有效方法是什么(在编程/维护工作、优雅方面) -crispy-forms等应用程序?在这些应用程序中是否明确支持此用例?

最佳答案

免责声明 我是 django-crispy-forms(提到的应用程序之一)的首席开发人员。

我将尝试解释你如何使用 django-crispy-forms 做到这一点。您只需在模板中执行以下操作:

{% load crispy_forms_tags %}
{{ form|crispy }}

您可以在 django-crispy-forms docs 中查看此内容以及更多内容。 .您的 ChoiceField 将根据需要呈现为 Bootstrap 下拉菜单。

与 django-bootstrap 相比

首先,有一点历史。 django-bootstrap 诞生于 django-uni-form(django-crispy-forms 的父项目)之后。那时,django-uni-form 已经在做 Boostrap 表单,但可能不是最好的方式(Bootstrap 是通过使用附加的 contrib 应用程序来支持的)。因此,django-bootstrap 的作者可能决定自己去。

现在,关于 Bootstrap 支持。 django-bootstrap 也可以呈现表单,但它不是使用 Django 过滤器,而是更改表单的基类。所以 django-crispy-forms 会影响你的模板,而 django-bootstrap 会影响你的 Python 代码。

此外,django-crispy-forms 和 django-bootstrap 都可以让您进行布局。在 django-bootstrap 中,布局位于表单内的 Meta 类中,而在 django-crispy-forms 中,布局位于 FormHelper 的子类中,这给你解耦。

django-bootstrap 使用元组来定义布局,而crispy-forms 使用 Layout 的子类.这增加了重用布局、轻松组合布局等的可能性。请注意,虽然crispy 的封装内部仍然有一个字段列表,但它添加了一个有用且人性化的 API 来以编程方式操作布局,我认为它强制执行了一个很好的解耦模式。

据我所见,脆形式的布局更强大。它有一个更大的布局对象集合,例如,前置文本、附加文本、日期范围等已经被支持,而在 django-boostrap 中这些都在 TODO 列表中。

crispy-forms 还有一个 API 用于在旅途中修改布局并进行一些非常好的核心程序化布局构建。

crispy-forms 还支持各种形式的表单集。它支持不同的 CSS 模板包,这意味着如果将来新的 kicking CSS 包命名为“巧克力”,为它创建一个新的模板包将非常容易,并且您的所有表单都可以使用 ' Chocolate' 无需更改代码,只是一个简单的设置变量。

crispy-forms 也有attributes您可以在 FormHelper 中设置定义了很好的额外功能,您可以轻松打开和关闭。如果需要,您还可以创建自己的自定义属性。

最后,django-crispy-forms(连同 django-uni-form)有超过 67.000 次下载,这对于 Django 应用程序来说是相当不错的。该项目在 Github 上拥有近 500 名粉丝、几个大用户、良好的测试覆盖率和几年的历史,并且仍在积极维护中。

与 django-bootstrap-form 相比

据我所知,django-bootstrap-form 只是一个使用 Bootstrap 呈现表单的过滤器。这是 django-crispy-form 涵盖的内容,同时提供了更多。该项目于 2012 年 8 月 21 日发布,在我看来它像是在重新发明轮子,因为其他几个应用程序已经涵盖了这个用例。

与 django-bootstrap-toolkit 相比

它的灵感来自 django-boostrap-form。从我在文档中看到的内容来看,它还为您提供了一个过滤器,用于使用 Bootstrap 呈现表单。它显然涵盖了比表单更多的 Bootstrap 内容,但我在其文档中找不到更多信息。最后一次提交是 2 个月前。

我会坚持认为,我显然不是进行无偏见比较的合适人选。这就是为什么我以前从来没有写过这个。我本可以多次发表关于此的博客文章,但我总是不理会这个想法。然而,随着表单应用程序(和支持 Bootstrap 的应用程序)的碎片化越来越多,我认为这可能是写下我的想法的好时机。我希望这对 Django 的新手有所帮助。

干杯,
米格尔

关于django - 如何将 Django forms.ChoiceField 呈现为 Twitter Bootstrap 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11749860/

相关文章:

python - django 模型表单自定义字段

javascript - 导航栏和整页 slider

javascript - 如何在单击按钮时禁用重定向?

python - 如何使用 python 验证 mp4 文件或音频文件?

mysql - 测试期间 django-admin.py sqlflush 错误

javascript - 使用ajax时Django不渲染数据

jquery - 与 django-dynamic-formset 一起使用的 Django Formsets 不会显示删除链接

python - Django 自定义表单 ImportError 即使文件位于同一目录中

javascript - JQuery Show 不适用于某些元素

python - 我将 python 社交身份验证与 django 结合使用。我无法断开与 Steam 的连接