如何在django管理站点中添加类似的外键字段?

时间:2011-07-23 12:54:29

标签: django forms admin

实际上我正试图在我的表单中添加一个外键字段,就像它在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。

1 个答案:

答案 0 :(得分:2)

我认为您必须创建一个单独的视图来创建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。 (没看过)