Как да направите за модели с ForeignKey (autocomplete_fields) многостъпкови избори в стандартния Django Admin?

Въпрос за Django 2.0 с Select2 на кутията. Как да направите за модели с ForeignKey (autocomplete_fields) многостъпкови избори в стандартния Django Admin?

Моето приложение tours е:

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:

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',)

Би било хубаво, след като изберете стойност в полето Country — оставете в полето Resort само стойности, които се отнасят до това Country (опция inlines в countries/admin.py).

Подобна демонстрация с PHP + jQuery.


person koddr    schedule 11.01.2018    source източник
comment
Аз търся същото. Чудя се дали ще трябва да използвам django-select2 като зависимост, за да направя това   -  person JLugao    schedule 15.01.2018
comment
@JLugao в този момент решавам въпроса си с добавяне към tours/admin.py extra_context с Country и Resort идентификатори и твърдо кодиран администраторски шаблон (добавете малко jQuery код за поле за промяна и изградете отново масив от идентификатори в тях).   -  person koddr    schedule 16.01.2018


Отговори (1)


Отговорът е твърде прост, но имам много часове в Google.

Първо добавих допълнителен контекст към tours/admin.py (ModelAdmin.change_view()):

# 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/add_form.html с JavaScript, като това:

// on bottom, into <script></script> tag:

var resort_to_country = [
    {% for i in resort_to_country %}
        ['{{ i.country }}', {{ i.pk }}, '{{ i.name }}'],
    {% endfor %}
];

var resorts_select_field = django.jQuery('#id_resort');
var countries_select_field = django.jQuery('#id_country');

countries_select_field.on('change', function () {
    resorts_select_field.empty();
    resort_to_country.forEach(function (item) {
        if (item[0] === countries_select_field.find(':selected').text()) {
            resorts_select_field.append(django.jQuery('<option></option>').attr('value', item[1]).text(item[2]));
        }
    });
});

Това е всичко.

person koddr    schedule 27.01.2018
comment
имате ли git пример за пълния код за това, моля? Аз съм в невероятно подобна ситуация, но не знам как да актуализирам html/where - person Rach Odwyer; 14.02.2019