Django Autocomplete Light List Object has no Attribute Queryset

1.7k views Asked by At

Please look at my edits at the end of my code as well.

I'm attempting to implement django-autocomplete-light (dal 3.2.10) for a single field. Following the tutorial, I turn up this error: 'list' object has no attribute 'queryset'.

I have seen this question: django-autocomplete-light error = 'list' object has no attribute 'queryset'. It did not resolve my issue.

Why is this error occurring? What can I do to combat this?

I don't think this is the entire problem, but I don't see any js files show up in the browser inspector. I thought including the code in Edit #3 would cause something to show up.

I have two models:

class Entity(models.Model):
    entity = models.CharField(primary_key=True, max_length=12)
    entityDescription = models.CharField(max_length=200)
    def __str__(self):
        return self.entityDescription

class Action(models.Model):
    entity = models.ForeignKey(Entity, on_delete=models.CASCADE, db_column='entity')
    entityDescription = models.CharField(max_length=200)
    action = models.CharField(max_length=50)
    def __str__(self):
        return '%s' % self.entity

I have a model form and formset. I am also using crispy-forms to render the formset:

class ActionForm(ModelForm):
class Meta:
    model = Action
    fields = '__all__'
    widgets = {
        'entityDescription': autocomplete.ModelSelect2(url='eda')
    }

ActionFormSet = modelformset_factory(Action, extra=1, exclude=(), form=ActionForm)

I have a view:

class EntityDescriptionAutocomplete(autocomplete.Select2QuerySetView):
def get_queryset(self):
    qs = Entity.objects.all()
    if self.q:
        qs = qs.filter(entityDescription__istartswith=self.q)
    return qs

I have a urls.py:

urlpatterns = [
    url(
        r'^eda/$',
        views.EntityDescriptionAutocomplete.as_view(),
        name='eda',
    ),
]

Thank you for any insight you all might have.

Edit:

I changed...

widgets = {
        'entityDescription': autocomplete.ModelSelect2(url='eda'),
}

...to...

widgets = {
        'entityDescription': autocomplete.Select2(url='eda'),
}

...this allowed my page to render, but the autocomplete field is an empty dropdown. Why is it empty, and why is it not an autocomplete box?

Edit #2:

I removed the widget setting in the meta class and instead overrode the field directly:

class ActionForm(ModelForm):
    entityDescription = ModelChoiceField(
        queryset=Entity.objects.all(),
        widget=autocomplete.ModelSelect2(url='eda')
        )
    class Meta:
        model = Action
        fields = '__all__'

This still returns an empty dropdown (not an autocomplete box), but it now has Django's ------- signifier instead of absolutely nothing.

Edit #3:

I added this to my template:

{% block footer %}
<script type="text/javascript" src="/static/collected/admin/js/vendor/jquery/jquery.js"></script>
{{ form.media }}
{% endblock %}

Nothing changed.

1

There are 1 answers

0
StvnW On BEST ANSWER

Your ActionForm, and EntityDescriptionAutocomplete look fine.

Is your autocomplete view returning results?

You should be able to browse to the autocomplete view's URL (in your case /eda) and see JSON results from the query. Is the set non-empty?

{"pagination": {"more": true}, "results": [{"text": "foo", "id": "1" ...
                                           ^^^^^^^^^^^^^^^^^^^^^^^^

Does your rendered HTML include the libraries?

You should see the following in your HTML source, where you put the {{ form.media }} tag:

<link href="/static/autocomplete_light/vendor/select2/dist/css/select2.css" type="text/css" media="all" rel="stylesheet" />
<link href="/static/autocomplete_light/select2.css" type="text/css" media="all" rel="stylesheet" />
<script type="text/javascript" src="/static/autocomplete_light/jquery.init.js"></script>
<script type="text/javascript" src="/static/autocomplete_light/autocomplete.init.js"></script>
<script type="text/javascript" src="/static/autocomplete_light/vendor/select2/dist/js/select2.full.js"></script>
<script type="text/javascript" src="/static/autocomplete_light/select2.js"></script>

If not,

Are you referring to the correct form variable?

The form in {{ form.media }} should refer to whatever name you have given to your form in the context being passed to your page template.