3

我在 django admin 中有一个模型如下

ChoiceA= (
      ("on-false","on-false"),
       ("on-true","on-true"),
     )

ChoiceB =  (
        ("always","always"),
        ("never","never"),
       )
   id = models.CharField(verbose_name="Field",max_length=32)
   type = models.CharField(verbose_name="Expression",max_length=32)
   action = models.CharField(max_length=32, choices=x)

现在基于用户输入的类型,即如果用户输入 type = "a",则操作的选择应设置为 ChoiceA,如果用户输入 type =“b”,则操作的选择应设置为 ChoiceB。如何在 Django Admin 中实现这一点?

编辑:

action_change.js

jQuery(document).ready(function(){
$("#id_type").change( function(event) {
$.ajax({
        "type"     : "POST",
        "url"      : "/action_choices/",
        "dataType" : "json",
        "cache"    : false,
        "error"   :  alert("hello"),  
        "success"  : function(json) {
            $('#id_action >option').remove();
            for(var j = 0; j < json.length; j++){
                $('#id_action').append($('<option></option>').val(json[j][0]).html(json[j][1]));
            }
        }

});
});
});
4

2 回答 2

6

您可以使用 Ajax 和 jQuery 来实现它:

模型.py:

type   = models.CharField(verbose_name="Expression",max_length=32)
action = models.CharField(max_length=32, choices = (('', ''), ))

管理员.py:

class MyModelAdmin(admin.ModelAdmin):
    list_display = ('type', )

    class Media:
        js = ['/static/js/action_change.js']

admin.site.register(MyModel, MyModelAdmin)

网址.py:

url(r'^action_choices/', 'myproject.myapp.views.action_choices'),

视图.py:

def action_choices(request): 
    action_list = []
    ChoiceA = ("on-false", "on-true")
    ChoiceB = ("always", "never")

    action_type = request.GET.get('action_type')
    if str(action_type).lower() == 'a':
        choices = ChoiceA
    elif str(action_type).lower() == 'b':
        choices = ChoiceB
    else:
        choices = ()

    [action_list.append((each,each)) for each in choices]
    json = simplejson.dumps(action_list)
    return HttpResponse(json, mimetype='application/javascript')

action_change.js在您的静态文件夹中创建具有以下内容的文件,并class MediaModelAdmin.

action_change.js

(function($){   
    $(function(){
        $(document).ready(function() {
            $('#id_type').bind('keyup', type_change);           
            $('#id_action >option').show();
        });
});  
})(django.jQuery);

// based on the type, action will be loaded

var $ = django.jQuery.noConflict();

function type_change()
{
    var action_type = $('#id_type').val();
    $.ajax({
            "type"     : "GET",
            "url"      : "/action_choices/?action_type="+action_type,
            "dataType" : "json",
            "cache"    : false,
            "success"  : function(json) {
                $('#id_action >option').remove();
                for(var j = 0; j < json.length; j++){
                    $('#id_action').append($('<option></option>').val(json[j][0]).html(json[j][1]));
                }
            }           
    })(jQuery);
}

这应该适用于您要求的场景。我在下面给出我的建议:

模型.py

type   = models.CharField(verbose_name="Expression",max_length=32, choices = (('a', 'a'), ('b', 'b'), ))
action = models.CharField(max_length=32, choices = (('', ''), ))

action_change.js(第 5 行)

$('#id_type').bind('change', type_change);
于 2013-02-26T05:40:47.250 回答
1

您必须action使用所有可能的选择来初始化该字段,否则 Django 会抱怨以前不存在的选择不是有效的选择。

我的建议是使用所有可能的选项来初始化该字段,并使用 JavaScript 来切换选项的可见性,具体取决于type. 有一些插件可以处理 Django admin 中的动态字段,但我见过的大多数插件都处理需要查找的 ForeignKey 或 ManyToMany 字段。

您可能最好通过Media元类将一些 JavaScript 添加到您的管理表单并自己处理。

于 2013-02-25T12:46:47.217 回答