2

所以我发现了这个关于如何制作两个相关下拉菜单的信息。我按照示例进行操作，现在当我尝试使用下拉菜单加载页面时，出现此错误：

AttributeError at /brewkeep/beers/
'dict' object has no attribute 'status_code'

这是回溯：

Environment:


Request Method: GET
Request URL: http://192.168.1.111:8080/brewkeep/beers/

Django Version: 1.4
Python Version: 2.7.3
Installed Applications:
('django.contrib.auth',
 'django.contrib.contenttypes',
 'django.contrib.sessions',
 'django.contrib.sites',
 'django.contrib.messages',
 'django.contrib.staticfiles',
 'brewkeep',
 'django.contrib.admin')
Installed Middleware:
('django.middleware.common.CommonMiddleware',
 'django.contrib.sessions.middleware.SessionMiddleware',
 'django.middleware.csrf.CsrfViewMiddleware',
 'django.contrib.auth.middleware.AuthenticationMiddleware',
 'django.contrib.messages.middleware.MessageMiddleware')


Traceback:
File "/home/di/djangostack-1.4-1/apps/django/lib/python2.7/site-packages/django/core/handlers/base.py" in get_response
  188.                 response = middleware_method(request, response)
File "/home/di/djangostack-1.4-1/apps/django/lib/python2.7/site-packages/django/middleware/common.py" in process_response
  94.         if response.status_code == 404:

Exception Type: AttributeError at /brewkeep/beers/
Exception Value: 'dict' object has no attribute 'status_code'

这是我的代码：

网址.py

(r'^brewkeep/beers/$', 'brewkeep.templatetags.brewery_beer_select'),
(r'^brewkeep/beers/(?P<brewery_id>[-\w]+)/all_json_models/$', 'brewkeep.views.beer_views.show_beers'),

模型.py

class Brewery(models.Model):
    idbrewery = models.AutoField(primary_key=True)
    name = models.CharField(max_length=765)
class Beer(models.Model):
    idbeer = models.AutoField(primary_key=True)
    brewery = models.ForeignKey(Brewery, null=True, on_delete=models.SET_NULL)

模板标签.py

from brewkeep.models import Brewery
from django import template

register = template.Library()

@register.inclusion_tag("show_beers.html")
def brewery_beer_select(request):
    breweries = Brewery.objects.all().order_by('name')
    return {'breweries' : breweries}

show_beers.html

<form action="" method="get" accept-charset="utf-8">
    <p>Brewery:</p>
    <select name="brewery" id="brewery">
        <option value="">Select a brewery</option>
        {% for brewery in breweries %}
            <option value="{{brewery.idbrewery}}">{{brewery.name}}</option>
        {% endfor %}    
    </select>
    <select name="beer" id="beer" disabled="true">
        <option>Select a beer</option>
    </select>
</form>
<script src="{{ STATIC_URL }}admin/js/jquery.min.js">
    $(document).ready(
        function() {
            $("select#brewery").change(function() {
                if ($(this).val() == '') {
                    $("select#beer").html("<option>Select a beer</option>");
                    $("select#beer").attr('disabled', true);
                }
                else {
                    var url = "/brewkeep/beers/" + $(this).val() + "/all_json_models";
                    var brewery = $(this).val();
                    $.getJSON(url, function(beers) {
                        var options = '<option value="">Select a beer</option>';
                        for (var i = 0; i < beers.length; i++) {
                            options += '<option value="' + beers[i].pk + '">' + beers[i].fields['description'] + '</option>';
                        }
                        $("select#beer").html(options);
                        $("select#beer option:first").attr('selected', 'selected');
                        $("select#beer").attr('disabled', false);
                    });
                }
            });


            $("select#beer").change(function(vent) {
                if ($(this).val() == '') {
                    return;
                }
            });
        }
    );

</script>

beer_views.py

def show_beers(request, brewery_id):
    brewery_obj = Brewery.objects.get(idbrewery=brewery_id)
    beers = Beer.objects.all().filter(brewery=brewery_obj).order_by('name')
    json_models = serializers.serialize("json", beers)
    return HttpResponse(json_models, mimetype="application/javascript")

知道我错过了什么吗？

谢谢！

4

2 回答 2

3

为了满足您的要求，我喜欢使用django-smart-selects。它包含 js 功能，可以使用名为 ChainedForeignKey 的模型字段链接您的模型。例如，如果您想要一个电话链接选择，用户可以在其中选择一种手机类型、品牌和型号（例如 Iphone 4 S 或三星 Galaxy 2），它看起来像这样：

模型.py：

from smart_selects.db_fields import ChainedForeignKey

class Series(models.Model):
    series = models.CharField(max_length=10)

class Model(models.Model):
    model = models.CharField(max_length=20)
    series = models.ForeignKey(Series)

class Make(models.Model):
    make = models.CharField(max_length=20)
    model = models.ForeignKey('Model')

class Phone(models.Model):
     make = models.ForeignKey(Make)
     model = ChainedForeignKey(Model, chained_field='make', chained_model_field='make',)
     series = ChainedForeignKey(Series, chained_field='model', chained_model_field='model',)

class PhoneForm(ModelForm):
    class Meta:
        model=Phone

模板.html：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

{% block content %}
  <form action='' method='post' enctype='multipart/form-data'>
  {{ form.as_p }}
  {% csrf_token %}
  <input type='submit' value='submit' />
  </form>
{% endblock %}

编辑：基于评论

从文档

链接字段是该字段也应该链接的同一模型上的字段。链式模型字段是链式模型的字段，对应于链式字段也链接的模型。

更改为chained_model_field='name'。

于 2013-01-05T19:57:27.500 回答
0

beers_select_options.html为您的啤酒选择中的选项编写一个简单的模板-

<option>Select a beer</option>
    {% for beer in beers %}
        <option value="{{ beer.idbeer }}">{{ beer }}</option>
    {% enfor %}

为它服务

def ajax_get_beers(request):
    idbrewery = int(request.POST['idbrewery'])
    brewery = Brewery.objects.get(idbrewery=idbrewery)
    beers = Beer.objects.filter(brewery=brewery)
    return render_to_response('beers_select.html', {'beers': beers})

然后将函数附加到啤酒厂选择框上的更改事件 -

$('#brewery').change(function() {
    var idbrewery = $(this).find(':selected').val();
    $.ajax({
        type: 'POST',
        url: '/your/ajax_get_beers/view',
        data: {'idbrewery': idbrewery}
        success: function(options_html) {
            $('#beer').html(options_html);
        }
    });
});

这样就可以了，除了您可能已经获得了 csrf 保护，因此您需要在您的 javascript 之前添加以下内容（请参阅文档）-

function csrfSafeMethod(method) {
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}

var csrftoken = $.cookie('csrftoken');
$.ajaxSetup({
    crossDomain: false, 
    cache: false,
    beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type)) {
            xhr.setRequestHeader("X-CSRFToken", csrftoken);
        }
    }
});

这需要jquery cookie 插件（在django docs中有另一种获取 cookie 的方法）。

我还没有测试我的代码，但我认为这就是你真正需要的（我想你需要在你的 url conf 中添加一个 ajax 视图）。

于 2013-01-10T08:32:08.403 回答