Django / jQuery级联管理中的选择框

loar 发表于 Dev

劳尔

我有一个Contract类，其中contract_mod允许从上一个合同扩展合同。contract_mod应该仅显示与我们之前选择的人相关的合同。Contract类返回现场人员。由于我从未使用过AJAX / jQuery，所以我不知道从哪里开始。

因此，我的目标是字段contract_mod依赖于此字段人员（使用Admin界面）。

class Contract(models.Model):
    person        = models.ForeignKey(Person) #person hired
    contract_mod  = models.OneToOneField('self', blank = True, null = True) #allows to extend a contract
        ...

由于字段contract_mod是OneToOneField，因此我无法使用django-smart-selects或django-ajax-select

布雷特

在类似的情况下，我执行了以下操作（现已适应您的模型）：

楷模

class Person(models.Model):
    name = models.CharField(max_length=20)
    def __unicode__(self):
        return self.name
    def get_name(self):
        return self.name

class Contract(models.Model):
    person        = models.ForeignKey(Person) #person hired
    contract_mod  = models.OneToOneField('self', blank = True, null = True)
    contract_name = models.CharField(max_length=20) #just for testing

    def __unicode__(self):
        return self.get_name() + " " +self.contract_name
    def get_name(self):
        return self.person.get_name() #to make sure you get the person name in the admin
    def contract_mod_name(self):
        if self.contract_mod:
            return self.contract_mod.contract_name
        else:
            return ""

行政

class SelectField(forms.ChoiceField):
    def clean(self, value):
        return value

class CForm(forms.ModelForm):
    contracts_from_selected = SelectField()
    class Meta:
        model = Contract
        widgets = { 'contract_mod' : forms.widgets.Select(attrs={'hidden' : 'true'}) }

class CAdmin(admin.ModelAdmin):
    form = CForm
    list_display = ('contract_name','get_name','contract_mod_name')#what you like
    def save_model(self, request, obj, form, change):
        if request.POST.get('contracts_from_selected'):
            obj.contract_mod=Contract.objects.get(id=int(request.POST.get('contracts_from_selected')))

        obj.save()

覆盖change_form.html模板（通过将其从django / contrib / admin / templates / admin复制到yourapp / templates / admin / yourapp目录中）并添加以下Javascript：

$(function () {
    $("#id_person").change(function () {    
        var options = $("#id_contract_mod option").filter(function () {
            return $(this).html().split(" ")[0] === $("#id_person   option:selected").html();
        }).clone();
        $("#id_contracts_from_selected").empty();
        $("#id_contracts_from_selected").append(options);
    });
});

一个缺点是，它使用可见的html条目存储人与合同之间的关系。因此，该人在下拉菜单中也可见。为避免这种情况，您可以在选项中添加属性-参见此处：Django表单字段选择，添加属性

是的，最好完全隐藏contract_mod ChoiceField。通过小部件中的hidden = True，仅下拉列表被隐藏。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。