DAL is re-ordering items with the ModelSelect2Multiple widget #1357

YasirKusay · 2024-03-22T08:44:04Z

I have just noticed something interesting with DAL if you are using the ModelSelect2Multiple widget for the forms.ModelMultipleChoiceField. I initially selected apricot, then apples:

I then deleted both and then selected apples, then apricot:

However, once I selected apricot, the options selected above are re-ordered to apricot, then apples:

In other words, they are re-ordered to the original order in image 1. It appears that there is something in the background that is preserving the original order and ordering the items here based on that. I do not want that and I want to preserve the order of the currently selected items regardless. Is that possible?

YasirKusay · 2024-03-22T08:48:35Z

Here is some code if it helps:

## forms.py

from dal import autocomplete
from django import forms
from .models import Food, Analysis
from dal import autocomplete

class AnalysisForm(forms.Form):
    class Meta:
        model = Analysis
        fields = ('__all__')
        
    food = forms.ModelMultipleChoiceField(queryset=Food.objects.all(),
                                     required=True,
                                     widget=autocomplete.ModelSelect2Multiple(url='test2-autocomplete',
                                                         attrs={'data-placeholder': 'Foods ...',
                                                                'data-minimum-input-length': 1.,
                                                                "class": "food-select-form",
                                                                }))

## models.py

from django.db import models

# Create your models here.
class Food(models.Model):
    name = models.CharField(primary_key=True, max_length=40)

    def __str__(self):
        return self.name
    
class City(models.Model):
    name = models.CharField(primary_key=True, max_length=40)

    def __str__(self):
        return self.name
    
class Analysis(models.Model):
    food = models.ForeignKey(Food, on_delete=models.CASCADE)
    cities = models.ManyToManyField(City, blank=True)

## views.py

from django.shortcuts import render
from .models import Food
from dal import autocomplete
from .forms import AnalysisForm

def test(request):
    form = AnalysisForm()
    print("A")
    return render(request, 'test2/test2_file.html', {'form': form})

class FoodAutocomplete(autocomplete.Select2QuerySetView):
    def get_queryset(self):
        qs = Food.objects.all()
        print(qs)

        if self.q:
            qs = qs.filter(name__istartswith=self.q)

        return qs

## test2_file.html

   <body>
        <div class="container column">
            <form>
                <div class="all_autocomplete_forms column">
                    <div class="wrapperDiv">
                        {% csrf_token %}
                        {{ form.food }}
                    </div>
                </div>
                <button id="add_more" class="btn btn-secondary" type="button">Add more</button>
            </form>
        </div>
    </body>

YasirKusay · 2024-03-25T03:10:55Z

I developed a slight workaround. I deleted the object for the value (that gets created when you initially add it to the form) when I remove the item from that form. So in the case above, I select the element via $('#food') and I then delete the for each individual food that gets added when I select the food from that form element when I click 'x' in the form for that option.

YasirKusay closed this as completed Mar 25, 2024

YasirKusay reopened this Mar 25, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

DAL is re-ordering items with the ModelSelect2Multiple widget #1357

DAL is re-ordering items with the ModelSelect2Multiple widget #1357

YasirKusay commented Mar 22, 2024

YasirKusay commented Mar 22, 2024 •

edited

Loading

YasirKusay commented Mar 25, 2024 •

edited

Loading

DAL is re-ordering items with the ModelSelect2Multiple widget #1357

DAL is re-ordering items with the ModelSelect2Multiple widget #1357

Comments

YasirKusay commented Mar 22, 2024

YasirKusay commented Mar 22, 2024 • edited Loading

YasirKusay commented Mar 25, 2024 • edited Loading

YasirKusay commented Mar 22, 2024 •

edited

Loading

YasirKusay commented Mar 25, 2024 •

edited

Loading