Django 2.х Admin. Как сделать выборку одного поля, в зависимости от выбранного элемента в другом (ForeignKey)?

Question

[Vic Shóstak]

Приветствую!

Имеем чистый проект с Django 2.0.1 на Python 3.6.3.

Вопрос: как сделать выборку одного поля ForeignKey, в зависимости от выбранного элемента в другом поле (тоже ForeignKey)? Знаю, что теперь за такие поля в админке отвечает Select2, но так и не смог найти развёрнутого описания всех возможностей/методов, касательно адмнки Django (про JS-скрипт всё итак ясно).

=== EDITED ===

Сейчас у меня вот такая структура:

tours/models.py:

class Tours(models.Model):
    country = models.ForeignKey(Countries, on_delete=None, default=None)
    resort = models.ForeignKey(Resorts, on_delete=None, null=True, default=None)
    ...

tours/admin.py:

@admin.register(Tours)
class ToursAdmin(admin.ModelAdmin):
    list_display = ('country', 'resort',)
    autocomplete_fields = ('country', 'resort',)

countries/models.py:

class Countries(models.Model):
    name = models.CharField(max_length=255)

class Resorts(models.Model):
    name = models.CharField(max_length=255)
    country = models.ForeignKey(Countries, on_delete=models.CASCADE, default=None)

countries/admin.py:

class ResortsInlineAdmin(admin.StackedInline):
    model = Resorts

@admin.register(Countries) 
class CountriesAdmin(admin.ModelAdmin):
    list_display = ('name',)
    search_fields = ('name',)
    inlines = [ResortsInlineAdmin,]

@admin.register(Resorts)
class ResortsAdmin(admin.ModelAdmin):
    list_display = ('name', 'country',)
    search_fields = ('name',)

В админке модель Resorts присоединяется к Countries, как inlines = [...], то есть при создании объекта Countries — к ней же линкуются все её Resorts.

Выбрали страну в поле Countries — в поле Resorts уже все отсортировано только по этой стране. Иначе — выводится полностью всё. Нашёл пример необходимого функционала на PHP + jQuery — webersoft.ru/lab/sqlcelect

Буду рад толковым комментариям и юзкейсам.
Заранее спасибо!

Answer 1

[Артем Советников]

Из коробки django-admin не поддерживает такие обновления на самой странице, только если в форме зададите свой queryset для поля которое соответствует FK из модели, но вы видимо хотите сделать именно на странице.

Если у вас рядом на форме два FK поля, то пишите JS, который будет фильтровать второй в зависимости от значения первого. Только вам надо будет дополнительно на страницу в JS передать данные о связях второго FK с первым, чтобы фильтровать.

А где у вас в модели страна с курортом связана?
Вы же страну для Tours выбирать хотите?

Comments

[Vic Shóstak]

Спасибо за ответ! Обновил структуру кода в первом своём сообщении.

Фильтрация через JavaScript, как мне кажется, не сработает, так как будет работать с уже отрендеренным документом. То есть, в select полях не за что будет зацепиться — ссылок Resorts на Countries там нет — только их собственный ID. Тем более, там участвует Select2, которая генерит вывод всех доступных вариантов в span-блоки из select и нужно будет менять и их тоже. Если я не прав, то поправьте, пожалуйста.

А вот про кастомный queryset — я думаю, что должно получиться, так как мы даём полям Select2 (autocomplete_fields) уже фильтрованные значения и не нужно переписывать JS. Только вопрос: можно ли сделать (и как?) кастомный виджет для поля Resorts и разместить в нём, также, поле Countries (один виджет — два поля)? То есть полностью переопределить его, чтобы через простенький Ajax (в этом же виджете) менять queryset одного поля, в зависимости от ID другого?

[Артем Советников]

То есть, в select полях не за что будет зацепиться — ссылок Resorts на Countries там нет

Я же вам сразу про это написал, дайте JS коду справочник соответствия (в HTML шаблон отредендерите его в script), в контекст страницы добавьте:

resort_to_country = Resorts.objects.all().values_list('pk', 'country_id')

<script type="text/javascript">
resort_to_country = [
{% for resort_id, country_id in resort_to_country %}
[{{ resort_id }}, {{ country_id }}],
]
{% endfor %}
</script>

Правильнее конечно сразу в словарь JS выкинуть, но суть думаю ясна. В JS уже цепляетесь за эти связи.

Писать свой виджет - забудьте. Или вы хотите подурачиться? :)
queryset для FK поля в форме можно ставить, но чтобы он сработал надо форму перерисовывать ... т.е. в select2 для сountry пользователь выбрал значение, вы его кидаете в GET параметры и перезагружаете страницу, затем в ModelAdmin.change_view читаете этот параметр, затем получаете текущий экземпляр формы, меняете в нём queryset ... да надо ли оно?

Можно сделать ещё подругому.
Делаете FK поле формы так же через select2, но с AJAX наполнением, делаете свой обработчик наполнений для select2 и в нём в дополнении к странице (к примеру), передаёте на сервер идентификатор страны, а на сервере уже делаете фильтрацию.
Этот вариант тоже довольно хороший, но я не подскажу как его реализовать в Django 2.0 ... даже не пробовал его.
У меня довольно старая версия django_select2 используется, наполнение через AJAX там можно сделать, а передачу доп параметров сделать это уже стандартно для select2.

[Vic Shóstak]

Артем Советников, ни разу ничего подобного не делал в админке.. спасибо за советы ;)

Я так понимаю, что контекст нужно добавлять так?

# tours/admin.py

@admin.register(Tours)
class ToursAdmin(admin.ModelAdmin):
    list_display = ('country', 'resort',)
    autocomplete_fields = ('country', 'resort',)

    def change_view(self, request, object_id, form_url='', extra_context=None):
        extra_context = extra_context or {}
        extra_context['resort_to_country'] = Resorts.objects.all().values_list('pk', 'country_id')
        return super().change_view(
            request, object_id, form_url, extra_context=extra_context,
        )

И потом в шаблоне templates/admin/tours/change_form.html указывать JS-логику, через вызов extra_context.resort_to_country? Подскажите, пожалуйста.

[Артем Советников]

Да, в целом всё именно так выглядит, на практике уже попробуете.
JS код только через Media вставляйте а не в шаблон:

class FooAdmin(admin.ModelAdmin):
    class Media:
        js = (
            'js/myscript.js',       # project static folder
        )