Django select2 field in pure html in modal with already used field_id

[Mergpijp]

Goal
I am trying to make select2 work in pure html in a modal.

Problem
I have a workaround by using another field_id from another form. Is this the right way? Do I need to create a field_Id for each select2 field?

Code Snippet
Please provide a code snippet of your problem:

            <div class="form-group" >
               <label for="id_filecategory" class="">
               Filecategory
               </label>
               <div class="">
                  <div class="input-group">
                     <select name="filecategory" data-minimum-input-length="0" data-allow-clear="true" data-placeholder="---------" data-ajax--url="/select2/fields/auto.json?field_id=Mjc5NDMxNzU1OTM0NA%3A1lEEm5%3AK_HUKQUF1aEwQZZGHySFs6tbuzc" data-ajax--cache="true" data-ajax--type="GET" class="modelselect2widget form-control django-select2 django-select2-heavy" id="id_filecategory">
                        <option value=" " selected></option>
                     </select>
                     <span class="input-group-append"><button  class="btn btn-danger" onClick="window.open(&#39;/filecategory/new&#39;, &#39;_blank&#39;, &#39;width=1000,height=600,menubar=no,toolbar=no&#39;);" type="button">+</button>
                     </span>
                  </div>
               </div>
            </div>

[codingjoe]

Hi @Mergpijp,

Thanks for reaching out. I am not 100% sure that I fully understood your questions. You want to use django-select2 without a Django form in the backend? If so, you will need to provide your own JSON view to provide the data for the field. You find an example on how this is done in the docs for the HeavySelectMixin, see also

django-select2/django_select2/forms.py

Lines 283 to 301 in e735be2

	class HeavySelect2Widget(HeavySelect2Mixin, Select2Widget):
	"""
	Select2 widget with AJAX support that registers itself to Django's Cache.
	Usage example::
	class MyWidget(HeavySelect2Widget):
	data_view = 'my_view_name'
	or::
	class MyForm(forms.Form):
	my_field = forms.ChoiceField(
	widget=HeavySelect2Widget(
	data_url='/url/to/json/response'
	)
	)
	"""

I hope that helps you solve your problem.

Best,
Joe

[Mergpijp]

Thanks for reaching out but I do not get it. Previously I had a crispy form with his:
filecategory = forms.ModelChoiceField(widget=ModelSelect2Widget( model=FileCategory, search_fields=['name__icontains', ], attrs={'data-minimum-input-length': 0}, ), queryset=FileCategory.objects.all(), required=False)

How do I provide my own Json view?

[Mergpijp]

The question is what do I fill in in 'my_view_name' or data url. how do I configure my html in such way that it communicates with the python code you provided.

[Mergpijp]

Also I could not find a example other then you provided in the docs.

[Mergpijp]

Okay I found something of a colleague of mine. HeavySelect2MultipleWidget Now i need the view to communicate to the javascript and make my own html for the select field.

[Mergpijp]

So I solved this by using the javascript select2 ajax code. I only made a django view that gets all filecategory and returns a jsonresponse. I did nothing with forms Thanks for your help anyway.