我尝试使用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 %}