如何让Django Admin中含值的折叠Inline默认可见？

核心需求解决：非空Inline默认展开，空则折叠 #

方法1：重写Inline的get_classes方法 #

直接在你的ScriptInlinePage类里添加get_classes方法，根据当前页面关联的数据情况动态调整折叠类：

class ScriptInlinePage(admin.TabularInline):
    model = Page.script.through
    extra = 0
    fields = ('active', 'script', 'order', )
    verbose_name = "script set"
    verbose_name_plural = "script sets"

    def get_classes(self, request, obj=None):
        # 先获取默认的类列表
        classes = super().get_classes(request, obj)
        # 只有当当前编辑的Page对象存在，且关联了Script数据时，移除collapse类
        if obj and obj.script.exists():
            return [cls for cls in classes if cls != 'collapse']
        # 空数据时添加collapse类，保持默认折叠
        classes.append('collapse')
        return classes

原理很直接：通过obj.script.exists()判断当前页面是否已有关联的Script数据，有数据就不让Inline折叠，用户打开页面就能看到；没数据则保持折叠，避免页面杂乱。

方法2：用JS动态切换（适合复杂场景） #

如果需要更灵活的控制，比如自定义折叠按钮的显示逻辑，可以加一段前端JS：

document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.collapse.inline-group').forEach(inline => {
        // 统计已有的数据行（排除默认的空行）
        const hasData = inline.querySelectorAll('.tabular.inline-related tr.form-row:not(.empty-form)').length > 0;
        if (hasData) {
            // 移除折叠类，展开Inline
            inline.classList.remove('collapse');
            // 切换按钮文本和状态
            const toggleBtn = inline.previousElementSibling.querySelector('.collapse-toggle');
            if (toggleBtn) {
                toggleBtn.textContent = toggleBtn.textContent.replace('Show ▶', 'Hide ▼');
                inline.classList.add('open');
            }
        }
    });
});

把这段代码存成admin/js/custom_inline_toggle.js，然后在Inline里通过Media引入：

class ScriptInlinePage(admin.TabularInline):
    # ... 其他属性 ...
    class Media:
        js = ('admin/js/custom_inline_toggle.js',)

关于“可折叠但初始不折叠的Inline” #

这种实现完全存在，操作非常简单：

• 不要给Inline设置classes = ['collapse']
• 保留Django默认的Inline模板（默认已经包含折叠按钮）

这样Inline默认是展开状态，用户可以点击按钮手动折叠。如果需要修改按钮文本，直接调整verbose_name_plural或者自定义Inline模板即可。

内容的提问来源于stack exchange，提问作者Andrew Swift