django - 如何将 "Add Another"链接按钮内联移动到顶部 Django Admin

Question

我正在处理一个 Django 项目，我想将“添加另一个”链接移动到内联的顶部。

长长的行内记录列表很难添加另一个字段，这就是为什么我想将底部移到顶部。

Answer 1

你必须自定义inlines.js

在根 static/admin/js/ 文件夹中放置/创建 inlines.js 以便管理员获取您自定义的 inlines.js 文件。

从 https://github.com/django/django/blob/main/django/contrib/admin/static/admin/js/inlines.js 复制 inlines.js 的全部内容

并在复制的内容中自定义addInlineAddButton函数

            if (addButton === null) {
                if ($this.prop("tagName") === "TR") {
                    // If forms are laid out as table rows, insert the
                    // "add" button in a new table row:
                    // not using this numcol becuase im replacing tabular add-row tr to a div
                    // const numCols = $this.eq(-1).children().length;
                    ($parent).parent().parent().find('h2').after('<div class="' + options.addCssClass + '"><a href="#">' + options.addText + "</a></div>");
                    addButton = ($parent).parent().parent().find("div.add-row a");
                } else {
                    // Otherwise, insert it immediately after the last form:
                    // console.log($this.parent().find("h2"));
                    $this.parent().find("h2").after('<div class="' + options.addCssClass + '"><a href="#">' + options.addText + "</a></div>");
                    addButton = $this.parent().find("h2").next();
                }
            }
            addButton.on('click', addInlineClickHandler);

将以上代码粘贴到 addInlineAddButton 函数中