django smart-choose ajax configuration

时间:2016-06-30 15:57:40

标签: python ajax django django-smart-selects

所以我最终在管理员端实现了智能选择(https://github.com/digi604/django-smart-selects),但现在当我尝试让实际的过滤器在用户端工作时,过滤器不起作用。我试图研究一个解决方案,似乎我需要实现ajax才能使智能选择过滤器正常工作。我也确定我的form.py设置不正确,但我无法找出调用.objects.all()的替代方法,因为我认为智能选择会在后台进行适当的过滤。

我会同时包含models.py和forms.py,以防解决方案。我之前从未使用过ajax脚本,而且我的研究并没有指出我从哪里开始。

models.py

from django.db import models
from django.contrib.auth.models import User
from smart_selects.db_fields import ChainedForeignKey

class Status(models.Model):
    status = models.CharField(primary_key=True, max_length=25)

    ## For the API
    def __str__(self):
        return self.status

    ## Eliminates title plurality in the admin interface
    class Meta:
        verbose_name_plural="Status"

class Lab(models.Model):
    name = models.CharField(primary_key=True, max_length=100)

    ## For the API
    def __str__(self):
        return self.name

    ## Eliminates title plurality in the admin interface
    class Meta:
        verbose_name_plural="Lab"

class Category(models.Model):
    lab = models.ForeignKey(Lab)
    name = models.CharField(primary_key=True, max_length=100)

    ## For the API
    def __str__(self):
        return self.name

    ## Eliminates title plurality in the admin interface
    class Meta:
        verbose_name_plural="Category"


class SubCategory(models.Model):
    lab = models.ForeignKey(Lab)
    category = ChainedForeignKey(
            Category, 
            chained_field = 'lab', 
            chained_model_field = 'lab', 
            show_all = False, 
            auto_choose = True
        )
    subcategory = models.CharField(max_length=100)
    category = models.ForeignKey(Category)
    ## For the API
    #def __str__(self):
    #   return self.category

    ## Eliminates title plurality in the admin interface
    class Meta:
        verbose_name_plural="SubCategory"

forms.py

import datetime
from django import forms

## importing models
from .models import Category, Lab, SubCategory  ## need these tables to     populate dropdown menus 'Category' and 'Lab'
from submit_app.models import Incident
from smart_selects.db_fields import ChainedForeignKey

## importing crispy form utilities
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Layout, Field, Submit, Div
from crispy_forms.bootstrap import AppendedText, PrependedText, FormActions

## importing regex validator
from django.core.validators import RegexValidator

## Maybe best to try to use ModelForm....it seems to have overwhelming internet support
from django.forms import ModelForm


class IncidentForm(forms.ModelForm):

    class Meta:
        model = Incident
        fields = [  'date_occurred', 
                    'number_of_samples_affected',
                    'capa',
                    'title',
                    'description',
                    'category',
                    'lab',
                    'subcategory',
                    'upload1',
                    'upload2',
                    'upload3'
                    ]

    ## Pre-populated dropdown menu
    lab = forms.ModelChoiceField(
        queryset=Lab.objects.all(),
        label ="Lab"
    )

    ## Pre-populated dropdown menu
    category = forms.ModelChoiceField(
        queryset=Category.objects.all(),
        label = "Category"
    )

    subcategory = forms.ModelChoiceField(
        queryset=SubCategory.objects.all(),
        label = "SubCategory"
    )

    date_occurred = forms.DateField(
        label="Date Incident Occurred", 
        initial=datetime.date.today()
    )

    number_of_samples_affected = forms.IntegerField(
        label="Number of Samples Affected",
        initial='0'
    )

2 个答案:

答案 0 :(得分:1)

smart selects拥有自己的表单字段类型。您现在正以表格形式覆盖category

## Pre-populated dropdown menu
category = forms.ModelChoiceField(
    queryset=Category.objects.all(),
    label = "Category"
)

从表单中删除上面的所有代码。当您使用ChainedForeignKey时,模型字段的默认表单字段类型由smart selects提供(请参阅源代码中的ChainedModelChoiceField)。

执行AJAX调用的Javascript是一个小内联脚本,它作为smart selects提供的表单字段的一部分呈现。

您不必将代码替换为任何内容,因为字段在ModelForm中包含时会自动呈现。

答案 1 :(得分:0)

伊恩·普莱斯的反应很好。我已经尝试了它并且非常有效。问题是加载jQuery库。它必须是要加载的任何标记之上的第一个

Base.html

<head>
    <title>testing</title>
    {% load static %}
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script type="text/javascript" src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="{% static 'smart-selects/admin/js/chainedfk.js' %}"></script>
<script src="{% static 'smart-selects/admin/js/chainedm2m.js' %}"></script>
</head>