如何在 django 管理站点中添加外键字段？答案

【问题标题】：How to add forreign key fields like it happens in django admin site?如何在 django 管理站点中添加外键字段？
【发布时间】：2011-07-23 12:54:28
【问题描述】：

实际上我正在尝试在我的表单中添加一个外键字段，就像它在 django 管理站点中发生的那样。当您单击绿色的“+”按钮时，它会打开一个新的弹出窗口，您可以在其中添加相应的字段。

我的模型是这样的：

class DealType(models.Model):
    label = models.CharField(max_length = 100)
    def __unicode__(self): 
        return self.label     


class Deal(models.Model):
    label = models.ForeignKey(DealType, blank = True, null = True) 
    .
    .
    .

我想在填写 DealForm 时添加 DealType。

【问题讨论】：

标签： django forms admin

【解决方案1】：

我认为您必须创建一个单独的视图才能创建 DealType。

在您的 DealForm 中添加一个链接以打开该视图。

...

我查看了我的一个项目的管理页面。

html

<a href="/admin/portfolio/category/add/" class="add-another" id="add_id_category" onclick="return showAddAnotherPopup(this);"> <img src="/static/admin/img/admin/icon_addlink.gif" width="10" height="10" alt="Add Another"/>    </a>

Javascript

取自

<script type="text/javascript" src="/static/admin/js/admin/RelatedObjectLookups.js">  </script> 

function showAddAnotherPopup(triggeringLink) {
    var name = triggeringLink.id.replace(/^add_/, '');
    name = id_to_windowname(name);
    href = triggeringLink.href
    if (href.indexOf('?') == -1) {
        href += '?_popup=1';
    } else {
        href  += '&_popup=1';
    }
    var win = window.open(href, name, 'height=500,width=800,resizable=yes,scrollbars=yes');
    win.focus();
    return false;
}

这将打开一个新窗口，其中包含带有添加表单的视图。

此视图应添加 DealType，然后使用同一 javascript 文件中的以下函数关闭窗口

function dismissAddAnotherPopup(win, newId, newRepr) {
    // newId and newRepr are expected to have previously been escaped by
    // django.utils.html.escape.
    newId = html_unescape(newId);
    newRepr = html_unescape(newRepr);
    var name = windowname_to_id(win.name);
    var elem = document.getElementById(name);
    if (elem) {
        if (elem.nodeName == 'SELECT') {
            var o = new Option(newRepr, newId);
            elem.options[elem.options.length] = o;
            o.selected = true;
        } else if (elem.nodeName == 'INPUT') {
            if (elem.className.indexOf('vManyToManyRawIdAdminField') != -1 && elem.value) {
                elem.value += ',' + newId;
            } else {
                elem.value = newId;
            }
        }
    } else {
        var toId = name + "_to";
        elem = document.getElementById(toId);
        var o = new Option(newRepr, newId);
        SelectBox.add_to_cache(toId, o);
        SelectBox.redisplay(toId);
    }
    win.close();
}

这只是从管理面板回溯，但它应该让你开始。

...

找到了指导您完成整个过程的指南here，这可能解释得更好。（没看过）

【讨论】：