Django2 now supports AutoComplete via select2, can django-admin-list-filter-dropdown?

[macolo]

The Autocomplete URL can be retrieved via a template tag:

register = template.Library()

@register.simple_tag(takes_context=True)
def get_autocomplete_url(context):
    spec = context.get('spec')
    app_label = spec.field.related_model._meta.app_label
    model_name = spec.field.related_model._meta.model_name

    return reverse('admin:{}_{}_autocomplete'.format(
        app_label,
        model_name,
    ))

The problem is to insert admin/js/vendor/select2/select2.full.js after admin/js/vendor/jquery/jquery.js but before /static/admin/js/jquery.init.js which enables noConflict for jQuery and hides jQuery from the global scope (which select2 needs). The filter's __init__ gets ModelAdmin instance passed, however its Media instance cannot be changed at this point. The only option I found is extending the admin's change_list.html template, which adds complexity to the module (needs to be inserted before django.contrib.admin in INSTALLED_APPS.

It works, but its far from being modular.

[mrts]

Excellent, many thanks for the suggestion! I was thinking about this, but didn't look into the implementation yet. I'll take a look at your pull request in near future.

[rocchidavide]

Any news about this feature? It will be implemented? Thanks

[mrts]

@rocchidavide see discussions and code at pull request #8, at the moment it is incomplete and it seems @macolo does not currently have time to finish the implementation. Feel free to help out :)!

[kigawas]

You can add a custom js file, say file name is autoselect.js, like:

(function ($) {
  console.debug($, 'LOADED');

  $(function () {
    $('select[auto-select=1]').select2();
  });

}(django.jQuery));

Then, define a custom widget like:

class AutoSelectWidget(Select):
    @property
    def media(self):
        extra = "" if settings.DEBUG else ".min"
        return Media(
            js=[
                f"admin/js/vendor/jquery/jquery{extra}.js",
                f"admin/js/vendor/select2/select2.full{extra}.js",
                "admin/js/jquery.init.js",
                "js/autoselect.js",
            ]
        )

Finally, use it in a form:

class SomeForm(ModelForm):
    class Meta:
        model = SomeModel
        fields = "__all__"

        widgets = {
            "field":  AutoSelectWidget(attrs={"auto-select": 1})
        }

And get rid of this library to use pure django.

[mrts]

@kigawas How do you envision integrating your solution to Django admin list_filter that this project is about?

That is, what would you write instead of ??? in the following snippet?

class EntityAdmin(admin.ModelAdmin):
    ...
    list_filter = ( ??? )

Note that the solution proposed by @macolo here uses AJAX to fetch select results from the backend - do you have a suggestion how to implement this?

[kigawas]

@kigawas How do you envision integrating your solution to Django admin list_filter that this project is about?

That is, what would you write instead of ??? in the following snippet?

class EntityAdmin(admin.ModelAdmin):
    ...
    list_filter = ( ??? )

Note that the solution proposed by @macolo here uses AJAX to fetch select results from the backend - do you have a suggestion how to implement this?

FYI:

• Implementation of Django's Ajax searchable widget
• About an example usage of the custom widget mentioned above, you can check this repo

[mrts]

@kigawas Cool, thanks for the links! Would you consider submitting a pull request to add autocomplete functionality? Note that this project is MIT-licensed though, similar to the liberal BSD license of Django itself.

[MHM5000]

Anybody working on this?

[mrts]

Not at the moment, sorry. Getting it right seems not to be trivial unfortunately. Let's hope a brave champion arises 👩‍🚒, if not then eventually I hope to get time for this.

[merwok]

To answer this question:

class EntityAdmin(admin.ModelAdmin):
    ...
    list_filter = ( ??? )

This is what I would want:

class EntityAdmin(admin.ModelAdmin):
    list_filter = (("field", AutocompleteFilter),)

(i.e. similar to how one uses SimpleRelatedFilter from django)

I haven’t looked yet in how to achieve that; in a previous project with lots of custom filter, I stopped at the simpler form list_filter = (make_filter("field"), CustomFilterXyz("other")).

[mrts]

As this is large work and I don't currently have time for this, perhaps we could set up a bounty at Issuehunt (or some other bounty site)? Please comment if you support that and how much you would be willing to contribute - or if you would like to pick up the bounty. I'm willing to contribute $20 myself.

[merwok]

FWIW, I have used https://github.com/farhan0581/django-admin-autocomplete-filter in my project and it works pretty well. Thanks nonetheless for writing this one and making it available!

I haven’t looked recently if this package provides features that that other doesn’t, in which case maybe joining forces could be an idea?

[macolo]

Jup that's true, I actually am also using that solution :)