Question

我需要表单，用户可以根据所选标签选择游览。我通过视图，自定义html表单和一些AJAX实现了它：

HTML表单：

<form id="add-destination" method="post">
    {% csrf_token %}
    <select name="tag_id" id="tag_id">
        <option value=''>---</option>
        {% for tag in tags %}
        <option value={{ tag.id }}>{{ tag.name }}</option>
        {% endfor %}
    </select></br>
    <select multiple="multiple" name="tours" id="tours">
    </select></br>
    <button type="submit">Submit</button>
</form>

按标记查看游览

def get_tours_by_tag(request):
    tag_id = Tag.objects.get(id=request.GET.get('tag_id', None))
    tours = Inbound.objects.filter(tags=tag_id)
    return JsonResponse({"status": "ok", "tours": serializers.serialize("json", list(tours))})

JS：

$(function(){
    $('#tag_id').change(function(e){
        $('#tours').html('');
        e.preventDefault();
        $.ajax({
            type: 'GET',
            data: $(e.currentTarget).serialize(),
            url: "/ru/tour/get_tours/",
            success: function(data){
               var tour_data = JSON.parse(data.tours);
               if(data.status=='ok'){
                   $.each(tour_data, function(i, item) {
                       $('#tours').append('<option value='+item['pk']+'>'+item['fields']['title']+'</option>');
                   });
               }else{
                 console.log("Not okay!")
               }
            }
        });
    })
});

这种方式很好，但我知道解决这个问题的方法并不正确。我想通过使用django形式的力量来做到这一点。

所以我有模特游：

class Tour(models.Model):
    title = models.CharField(max_length=255)
    tags = models.ManyToManyField(Tag)

并形成：

class FiveDestinationForm(forms.Form):
    tags = forms.ModelChoiceField(queryset=Tag.objects.all())
    tours = forms.ModelMultipleChoiceField(queryset=????)

    fields = ('tag', 'tours')

我找到了一些足够接近的问题并尝试通过覆盖表单中的__init__方法来解决我的问题，如建议的那样：

class MyForm(forms.Form):
    tags = forms.ModelChoiceField(queryset=Tag.objects.all())
    tours = forms.ModelMultipleChoiceField(queryset=Tour.objects.none())

    def __init__(self, *args, **kwargs):
        qs = kwargs.pop('tours', None)
        super(MyForm, self).__init__(*args, **kwargs)
        self.fields['tours'].queryset = qs

    fields = ('tag', 'tours')

但我得到以下错误：

＆＃39; NoneType＆＃39; object没有属性＆＃39; iterator＆＃39;

所以我的问题是如何根据在ModelChoiceField中选择的用户为ModelMultipleChoiceField正确设置查询集？

Answer 1

您看到的错误很可能是因为Form没有收到'tours'参数（它会收到一个名为data的字典，而是包含未经验证形式的字段数据），因此qs变量将为None。

你应该做这样的事情：

class MyForm(forms.Form):
    tag = forms.ModelChoiceField(queryset=Tag.objects.all())
    tours = forms.ModelMultipleChoiceField(queryset=Tour.objects.none())

    def __init__(self, *args, **kwargs):
        super(MyForm, self).__init__(*args, **kwargs)

        if kwargs['data']:
            tag_id = kwargs['data'].get('tag', None)
            if tag_id:
                self.fields['tours'].queryset = Tour.objects.filter(tag_id=tag_id)

请注意，我们在这里绕过了django的表单机制，需要自己解析tag_id。不过，这不是什么大不了的事。

从UX的角度来看，如果不使用ajax，这是一个相当难的问题。所以我也不会完全放弃你的解决方案。

基于ModelChoiceField获取ModelMultipleChoiceField字段的查询集

1 个答案: