Why is django select2 not showing? #228

lapitskiy · 2023-07-31T16:40:49Z

lapitskiy
Jul 31, 2023

Problem
put django-select2 on this and this instruction but select doesn't show what's wrong?

settings.py

INSTALLED_APPS = [
    ...
    'django_select2',
]

CACHES = {
    "default": {
        "BACKEND": "django.core.cache.backends.locmem.LocMemCache",
        "LOCATION": "unique-snowflake",
    },
    "select2": {
        "BACKEND": "django_redis.cache.RedisCache",
        "LOCATION": "redis://127.0.0.1:6379/2",
        "OPTIONS": {
            "CLIENT_CLASS": "django_redis.client.DefaultClient",
        },
    },
}

SELECT2_CACHE_BACKEND = "select2"

main urls.py

urlpatterns = [
    ...
    path('select2/', include('django_select2.urls')),
    ]

app models.py

class Clients(models.Model):
    name = models.CharField(max_length=150, blank=True)
    phone_regex = RegexValidator(regex=r'^\+?1?\d{9,15}$')
    phone = models.CharField(validators=[phone_regex], max_length=17)
 
    def __str__(self):
        return self.phone

app forms.py

class PhoneSelect2Widget(s2forms.ModelSelect2Widget):
    search_fields = ('phone__icontains',)
    queryset = Clients.objects.all()

class RelatedAddForm(forms.ModelForm):
    phone = forms.ModelChoiceField(
        widget=PhoneSelect2Widget(attrs={'class': 'select2'}),
        queryset=Clients.objects.all())

    def __init__(self, *args, **kwargs):
        self.request = kwargs.pop('request', None)
        super(RelatedAddForm, self).__init__(*args, **kwargs)

    class Meta:
        model = Clients
        fields = ['phone']

base.html

{% load static %}
<html lang="en">
    <!--begin::Head-->
    <head>
        <title>HUB CRM</title>
        {{ form.media.css }}
        <script src="{% static 'jquery/jquery-3.6.0.min.js' %}"></script
    ...
    ...
    {{ form.media.js }}
    </body>
    <!--end::Body-->
</html>

Answered by codingjoe

Aug 2, 2023

Hi @lapitskiy,

Thank you for reaching out. Would you mind sharing the HTML for the screenshot, or at least the relevant parts? Otherwise, my guesses might be more confusing than helpful.

Best,
Joe

View full answer

codingjoe · 2023-08-02T15:43:38Z

codingjoe
Aug 2, 2023
Maintainer

Hi @lapitskiy,

Thank you for reaching out. Would you mind sharing the HTML for the screenshot, or at least the relevant parts? Otherwise, my guesses might be more confusing than helpful.

Best,
Joe

2 replies

lapitskiy Aug 7, 2023
Author

html:

<head>
...  
<script src="/static/jquery/jquery-3.6.0.min.js"></script
...   
</head>
<body>
...
<select name="clients-phone" lang="ru" data-minimum-input-length="2"
         data-theme="default" data-allow-clear="false" data-ajax--url="/select2/fields/auto.json"
     data-ajax--cache="true" data-ajax--
        type="GET" class="select2 django-select2 django-select2-heavy" required="" id="id_clients-phone" data-
        field_id="IjhlNDRlZjNhLTU3NGYtNDBhZC1iYjdlLTk0YmNjZDA4Zjk1YSI:1qSxRI:z4boTWi5hy1iJFmT968PxuRP6_sgoAKktThsPYp3mmI">
</select>
...
</body>

this is the select2 form file
forms.py
these are the classes for the phone field:
class PhoneInputField
class PhoneSelect2Widget
class RelatedAddForm

codingjoe Aug 30, 2023
Maintainer

hi,

I can't find the django-select2.min.js nor the select2.min.js script in your HTML output. Can you check if it's there? From I am seeing now, it looks like Select2 has not been initialized. If the script is missing, that would explain things.

Cheers!
Joe

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Why is django select2 not showing? #228

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment 2 replies

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

Why is django select2 not showing? #228

lapitskiy Jul 31, 2023

Replies: 1 comment · 2 replies

codingjoe Aug 2, 2023 Maintainer

lapitskiy Aug 7, 2023 Author

codingjoe Aug 30, 2023 Maintainer

lapitskiy
Jul 31, 2023

Replies: 1 comment 2 replies

codingjoe
Aug 2, 2023
Maintainer

lapitskiy Aug 7, 2023
Author

codingjoe Aug 30, 2023
Maintainer