我可以将颜色选择器添加到Django表单中吗

我尝试使用django-colorfield模块,该模块非常适合管理页面,但是我无法获得它以实际形式呈现小部件。下面是到目前为止我已经尝试过的方法,在表单上得到的只是一个CharField,默认值为文本。我愿意接受所有建议,但如果可能的话,我不想使用html5具有的RGB颜色选择器。

这是我的表格。py

from django import forms
from .models import Automation
from colorfield.fields import ColorWidget


def get_automation_form(content,data=None,files=None):
    songs = content[2].split(',')
    music_choices = []
    for song in songs:
        song = song.replace(' ','-')
        song_filename = f'Music/{song}.wav'
        music_choices.append((song_filename,song))

    class AutomationForm(forms.ModelForm):
        music_selection = forms.CharField(widget=forms.Select(choices=music_choices))
        class Meta:
            model = Automation
            fields = content[0]
            labels = content[1]
            widgets = {
                'color1': forms.CharField(widget=ColorWidget()),'color2': forms.CharField(widget=ColorWidget()),'color3': forms.CharField(widget=ColorWidget()),'color4': forms.CharField(widget=ColorWidget()),'color5': forms.CharField(widget=ColorWidget()),}

        def __init__(self,*args,**kwargs):
            super(AutomationForm,self).__init__(data=data,files=files,**kwargs)

    return AutomationForm()

这是在我的模型中。py

from django.db import models
from django.contrib.auth.models import User
from colorfield.fields import ColorField

class Automation(models.Model):
    timestamp = models.DateTimeField(auto_now=True)

    user = models.ForeignKey(User,on_delete=models.CASCADE,default="",blank=True)

    text_field01 = models.CharField(max_length=50,default="")
    text_field02 = models.CharField(max_length=50,default="")
    text_field03 = models.CharField(max_length=50,default="")
    text_field04 = models.CharField(max_length=50,default="")
    text_field05 = models.CharField(max_length=50,default="")
    text_field06 = models.CharField(max_length=50,default="")
    text_field07 = models.CharField(max_length=50,default="")
    text_field08 = models.CharField(max_length=50,default="")
    text_field09 = models.CharField(max_length=50,default="")
    text_field10 = models.CharField(max_length=50,default="")

    image_field01 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field02 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field03 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field04 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field05 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field06 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field07 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field08 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field09 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field10 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field11 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field12 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field13 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field14 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field15 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field16 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field17 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field18 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field19 = models.ImageField(upload_to='client_image_inputs',default="")
    image_field20 = models.ImageField(upload_to='client_image_inputs',default="")

    video_field01 = models.FileField(upload_to='client_video_inputs',default="")
    video_field02 = models.FileField(upload_to='client_video_inputs',default="")
    video_field03 = models.FileField(upload_to='client_video_inputs',default="")
    video_field04 = models.FileField(upload_to='client_video_inputs',default="")
    video_field05 = models.FileField(upload_to='client_video_inputs',default="")
    video_field06 = models.FileField(upload_to='client_video_inputs',default="")
    video_field07 = models.FileField(upload_to='client_video_inputs',default="")
    video_field08 = models.FileField(upload_to='client_video_inputs',default="")
    video_field09 = models.FileField(upload_to='client_video_inputs',default="")
    video_field10 = models.FileField(upload_to='client_video_inputs',default="")
    video_field11 = models.FileField(upload_to='client_video_inputs',default="")
    video_field12 = models.FileField(upload_to='client_video_inputs',default="")
    video_field13 = models.FileField(upload_to='client_video_inputs',default="")
    video_field14 = models.FileField(upload_to='client_video_inputs',default="")
    video_field15 = models.FileField(upload_to='client_video_inputs',default="")
    video_field16 = models.FileField(upload_to='client_video_inputs',default="")
    video_field17 = models.FileField(upload_to='client_video_inputs',default="")
    video_field18 = models.FileField(upload_to='client_video_inputs',default="")
    video_field19 = models.FileField(upload_to='client_video_inputs',default="")
    video_field20 = models.FileField(upload_to='client_video_inputs',default="")

    color1 = ColorField(default="FFFFFF")
    color2 = ColorField(default="FFFFFF")
    color3 = ColorField(default="FFFFFF")
    color4 = ColorField(default="FFFFFF")
    color5 = ColorField(default="FFFFFF")

    music_selection = models.CharField(max_length=120,default="")

这是我的form.html

{% extends "main/base.html" %}
{% load crispy_forms_tags %}
{% block content %}
{% a_form.media %}
<form method="POST" enctype="multipart/form-data">
            {% csrf_token %}
            <input type="hidden" name="nickname" value="{{ builder.nickname }}" />
            <fieldset class="form-group">
                <legend class="border-bottom mb-4">{{ builder.title }}</legend>
                {{ a_form|crispy }}
            </fieldset>
            <div class="form-group">
                <button class="btn btn-outline-info" type="submit">Submit</button>
            </div>
        </form>
{% endblock %}
huang346197 回答:我可以将颜色选择器添加到Django表单中吗

ColorField的窗口小部件是ColorWidget [GitHub]。因此,在您的表格中,您可以使用:

from colorfield.widgets import ColorWidget

class AutomationForm(forms.ModelForm):

    music_selection = forms.CharField(widget=forms.Select(choices=music_choices))
    class Meta:
        model = Automation
        fields = content[0]
        labels = content[1]
        widgets = {
            'color1': ColorWidget,'color2': ColorWidget,'color3': ColorWidget,'color4': ColorWidget,'color5': ColorWidget,}

    def __init__(self,*args,**kwargs):
        super(AutomationForm,self).__init__(data=data,files=files,**kwargs)

请注意,在模板中,您需要呈现表单的media,因此:

{{ form.media }}
<form …>
    {% csrf_token %}
    {% form.as_p %}
</form>
本文链接:https://www.f2er.com/2533578.html

大家都在问