cannot use select2 on grappelli admin dashboard

Hi,

I used from autocomplete light in grappelli dashboard but i got this error when load page, Uncaught TypeError: $(...).select2 is not a function select2.js:8!!!

how can i fix this?!

[ychab]

Hi everyone,

Just for other which have this same JS error (without grapelli for me) : to fix the issue, drop the static dir before collecting it.

I think the same error should happen with grappelli and the collectstatic command itself show us the fix :

Found another file with the destination path ‘admin/js/jquery.init.js’. It will be ignored since only the first encountered file is collected. If this is not what you want, make sure every static file has a uniq ue path.

However, I didn’t understand that if the file was previously collected, it won’t be override. So even if INSTALLED_APPS is correctly sorted, the command won’t override the previous admin/js/jquery.init.js from django.contrib.admin (or grapelli).

By removing the file copied in static dir (or dropping the static dir itself), the next collectstatic will properly copied the first one admin/js/jquery.init.js founded, which is the one from dal due to ordering of the setting INSTALLED_APPS.

At least for me, it fix this issue.

I’m not sure we could easily fix it, but we could add some note in install doc? For example:

1. add dal and dal_select2 in the top of the INSTALLED_APPS
2. drop your collected static dir (or at least admin/js/jquery.init.js)
3. collect static file python manage.py collectstatic

Just in case, check that your served jquery.init.js is the one from dal.

Hope it could help.

[carmichaelalonso]

I’m using the default Django admin and I’m getting the same issue. I’m following the documentation to show a ModelSelect2Multiple - I can get the form to show, but I get the error that the OP mentions.

I also get select2.full.js:473 Select2: An instance of jQuery or a jQuery-compatible library was not found. Make sure that you are including jQuery before Select2 on your web page. - I can solve this with the code below in the admin class…

class Media:
        js = (
            'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js',
        )

… but I don’t think this is the solution. The installed apps layering does not do the trick either and I continue receiving the same error as the OP.

I’ve ran collectstatic with no luck. I’m guessing I need to load the jQuery file before the select2 based on other answers I’ve seen on StackOverflow.

Has anybody seen something like this before? Django 1.9.2/DAL 3.1.8