Django：根据选择选项更改内联

Question

类别具有“类型”（例如，三种类型的类别）。每个类别可以有任意数量的视频。并且在“1”类型的类别中发布的每个视频可以具有任意数量的图片。但对于以“2”和“3”类别类型发布的视频，没有图片。

models.py：

class Category(models.Model):
    title = models.CharField()
    CHOICES =  (
                 ('1','1'),
                 ('2','2'),
                 ('3','3'),
               )
    type = models.CharField(choices=CHOICES)

class Video(models.Model):
    category = models.ForeignKey(Category)

class Picture(models.Model):
    video = models.ForeignKey(Video)
    title = models.Charfield()

admin.py：

class PictureInline(admin.TabularInline):
    model = Picture
    extra = 5

class VideoAdmin(admin.ModelAdmin):
    inlines = [PictureInline,]

问题：

当我添加视频项目并为其选择类别时，如何动态显示基于PictureInline的我为视频选择了什么类型的类别？

如果我在选择列表中选择第一个类别，我希望能够在管理中看到 PictureInline，如果我选择其他类别，我不想看到 PictureInline。

是否可以？

PS：我发现https://github.com/digi604/django- smart-selects 但没有找到这样的内联功能

Answer 1

只需使用 JavaScript 动态隐藏/显示内联集。内联集的 id 始终为#[lated_name]-group。

(function($){
    $(document).ready(function(){

        function togglePictureInline(selected) {
            $.getJSON('/ajax/category-type/', { id: selected }, function (data, jqXHR) {
                if (data[0].fields.type == 1)
                    $('#pictures-group').show();
                else
                    $('#pictures-group').hide();
            });
        }

        var $category = $('#id_category');
        togglePictureInline($category.val());
        $category.change(function(){
            togglePictureInline($(this).val());
        });
    });
})(django.jQuery);

yourapp/views.py

from django.shortcuts import get_list_or_404
from django.core import serializers

def ajax_category_type(request):
    id = request.GET.get('id')
    categories = get_list_or_404(Category, id=id)
    data = serializers.serialize('json', categories, fields=('type',))
    return HttpResponse(data, mimetype='application/json')

将以下内容添加到 VideoAdmin：

class VideoAdmin(admin.ModelAdmin):
    ...
    class Media:
        js = ('path/to/this.js',)

或使用以下内容覆盖 templates/yourapp/video/change_form.html：

{% extends 'admin/change_form.html' %}
{% block extrahead %}
    {{ block.super }}
    <script src="path/to/this.js" type="text/javascript"></script>
{% endblock %}

更新：

我已经更改了上面的 JavaScript 以包含 AJAX 请求。您将必须使用 AJAX，因为您必须先获取所选类别，然后才能获取其类型。我还添加了一个基本视图，您可以使用它来返回所需的数据。您只需将视图挂接到 urls.py 中，并更改 AJAX 调用中的 URL 以进行匹配。