Как для каждого значения ManyToManyField создать chekbox?

Question

[fronttrty]

я использую django-filter и ,пытаясь создать checkbox, выходит только выпадающее меню (не задано, да, нет),
а мне нужен checkbox для каждого значения.

Comments

[Сергей Тихонов]

ModelMultipleChoiceFilter смотрели?

[fronttrty]

Сергей Тихонов, можете объяснить как использовать?
(пожалуйста)

[Сергей Тихонов]

У Django-filter под капотом обычные джанговские формы, если вы в документации Django прочтете как select multiple запилить - тут тоже всё получится. Без полноценной обвязки проекта я рабочий пример не запилю, а на обвязку время дорого.

[fronttrty]

а что передовать?

[fronttrty]

Сергей Тихонов, почему-то я могу выбрать только одно значение

[fronttrty]

и как из этого сделать чекбоксы

[Сергей Тихонов]

Код с шаблонами можете привести?

[fronttrty]

models

class Matirial(models.Model):
	title = models.CharField('Название', max_length=150)
	url = models.SlugField(max_length=150, unique=True)
	def __str__(self):
		return self.title

class yarn(models.Model):
    title = models.CharField('Название', max_length=150)
    description = models.TextField("Описание")
    price = models.PositiveSmallIntegerField("Цена", default=0)
    numberInStock = models.PositiveSmallIntegerField("Количество в наличии", default=0)
    color = models.ManyToManyField(Color, verbose_name="Цвет")
    creator = models.CharField("Производитель", max_length=150)
    img = models.ImageField("Изображение", upload_to="img/")
    url = models.SlugField(max_length=150, unique=True)
    matirial = models.ManyToManyField(Matirial, verbose_name="Материал")
    metrag = models.CharField('Метраж', max_length=150)
    def __str__(self):
    	return self.title

urls

from django.urls import path

from . import views

urlpatterns = [
    path('katlog/filter', views.product_list, name="filter_view"),
    path("katalog/<slug:slug>/", views.YarnDetail.as_view(), name="katalog_detail"),
]

filters

import django_filters
from .models import yarn, Matirial


class ProductFilter(django_filters.FilterSet):
	price__gte = django_filters.NumberFilter(field_name='price', lookup_expr='gte')
	price__lte = django_filters.NumberFilter(field_name='price', lookup_expr='lte')
	matirial = django_filters.filters.ModelMultipleChoiceFilter(queryset=Matirial.objects.all())

	class Meta:
		model = yarn
		fields = []

view

def product_list(request):
    filter = ProductFilter(request.GET, queryset=yarn.objects.all())
    return render(request, "yarn/katalog.html", {'filter': filter})

class YarnView(ListView):
	model = yarn
	queryset = yarn.objects.all() 
	template_name = "yarn/katalog.html"

шаблон

<form action="{% url 'filter_view'%}" ><button type="submit"></button>
                       {{ filter.form.as_p }}
</form>
{% for Yarn in filter.qs %}
                        <div class="col-md-4 col-sm-12">
                            <div class="buy">
                                <img type="button" data-toggle="modal" data-target="#exampleModal{{Yarn.title}}" src="{{Yarn.img.url}}" alt="">
                                <a href="{{ Yarn.get_absolute_url }}" style="color: #212529">
                                    <h3 class="float-left">{{Yarn.title}}</h3>
                                </a>
                                <div class="buy__text">
                                    <div class="intocard">
                                        <img src="https://img.icons8.com/material-two-tone/32/000000/shopping-basket-add.png" />
                                    </div>
                                    <div class="clearfix">
                                    </div>
                                    <div class="prais">
                                        <h4>цена: {{Yarn.price}}$/г</h4>
                                        <h4>в наличии: {{Yarn.numberInStock}}г </h4>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="modal fade" id="exampleModal{{Yarn.title}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <button type="button" class="close " data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true"><img src="https://img.icons8.com/small/40/000000/filled-cancel.png" /></span>
                                        </button>
                                        <div class="modal-body">
                                            <img src="{{Yarn.img.url}}" class="modal__img" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {%endfor%}

Сергей Тихонов

[fronttrty]

Сергей Тихонов ?

[Сергей Тихонов]

class ArticleFilter(django_filters.FilterSet):
    tags = django_filters.filters.ModelMultipleChoiceFilter(
        queryset=Tag.objects.all(), widget=widgets.CheckboxSelectMultiple())

    class Meta:
        model = Article

Вот такой фильтр выдает следующий HTML-код:

<p><label>Tags:</label> <ul id="id_tags">
    <li><label for="id_tags_0"><input type="checkbox" name="tags" value="1" id="id_tags_0">
 Tag object (1)</label>

</li>
    <li><label for="id_tags_1"><input type="checkbox" name="tags" value="2" id="id_tags_1">
 Tag object (2)</label>

</li>
</ul></p>

В наличии и чекбоксы и множественный выбор.

[fronttrty]

Сергей Тихонов, module 'django_filters.widgets' has no attribute 'CheckboxSelectMultiple'

[Сергей Тихонов]

Это джанговский

[fronttrty]

Сергей Тихонов, а как их кастомизировать

[Сергей Тихонов]

Например, с помощью CSS или кастомного HTML.