Feature Request: Use AJAX to connect to large datasets? about django-easy-select2 HOT 8 CLOSED

For me, django-easy-select2 is lightweight wrapper on select2 library, which provides easy-to-use basic select2 functionality in a django project.
If you need feature-rich solution, i recommend you to look at the latest django-select2 library, which have ajax loading support.

Anyway, if anyone really wants this functionality in django-easy-select2, please feel free to contribute.

from django-easy-select2.

👍

from django-easy-select2.

We need an intuitive and easy to use solution.

Select2 is highly configurable, so there should be no constraints on its config.
Django-select2 approach looks too complicated for me, also there are too many constraints. Well, maybe it is ok for most of users, what do you think?

I think, it is possible to create external select2 configuration file (js) with all options defined in some object, for example:

var user_field_options = {
    width: '400px'
}

That file can be attached to the select2 form (using form Media class) . Then we can configure select2 widget like this:

field = forms.ChoiceField(choices=..., widget=Select2(select2attrs='user_field_options'))

This approach is working, i tested it locally, but there is a problem that Select2's ajax can not be used with select fields, so some converting machinery needed.

This approach is more flexible, because you deal with pure javascript configuration, so you can do whatever you want without constraints, it looks good to me. Also your frontend javascript coders can modify select2 behaviour without modifying python code.

Well... Any ideas? :)

from django-easy-select2.

I like the idea of having a separated js config, it's indeed the most flexible solution.

Though, I think the ajax url should be provided as a widget option too, we are much likely to get it via reverse which won't be available in the js code.

What do you mean exactly that select2's ajax can not be used with select fields ?

from django-easy-select2.

Jonathan, you are correct about using reverse or resolve_url, i will think about it.

When i try to do $('#some-select').select2({ajax: function(){}}) an exception raised:

Error: Option 'ajax' is not allowed for Select2 when attached to a <select> element.

from django-easy-select2.

Ha yes, it has to be attached to an input (it makes sense as we don't know beforehand the options of the select), I guess the only solution is to create a Select2Ajax widget that inherit from TextInput or something along these lines.

from django-easy-select2.

FTR: https://github.com/johnraz/django-cms/blob/a18abac5b5cde2546836e5e8487c3379021b60ec/cms/forms/widgets.py#L128

I did something alike there.

from django-easy-select2.

👍

from django-easy-select2.