forms - Django 脆皮表格 : Replace Label and Radio Buttons with Images

Question

我有一个表单，其中某个字段是具有 3 个选项的单选选择器。假设这代表好、或多或少和坏。

我设法将它们与 InlineRadio 放在同一行，如下所示:

self.helper.layout = Layout(InlineRadio(field_name))

现在，我需要做两件事:

1) 替换呈现为单选按钮的每个选项及其带有预定义图像的标签。

2) 添加 2 张图片，一张在单选按钮的左侧，一张在右侧。所以，最后，我将连续拍摄 5 张图片。从左到右:微笑图像(只是图像) - 选择器图像(良好) - 选择器图像(或多或少) code> - 选择器图片(坏) - 悲伤脸图片(只是图片)

是否可以使用 django-crispy 实现它们？如果没有，我怎样才能做到这一点？

提前致谢。

Answer 1

我是 crispy-forms 的首席开发人员。您可以使用 Field 布局对象和自定义模板来完成此操作。

Field('field_name', template="custom_inline_radio.html")

您的另一个选择是创建您自己的布局对象子类 InlineRadio。这样你只需要做:

CustomInlineRadio('field_name')

实际上，您尝试做的基本上是覆盖 Django 中默认小部件的输出，如果您在 Django 表单中使用自定义小部件，这可能更有意义，crispy-forms 会很好地配合它。我在 widgets and Django forms 上写了一篇文章你可能会感兴趣。