0

我正在尝试遵循 django-selectable http://django-selectable.readthedocs.org/en/version-0.6.2/quick-start.html的文档

我已经根据我能正确判断的内容设置了所有内容,但是 FireBug 中的任何内容似乎都没有触发/加载。它似乎根本没有进行查找。下面是我的代码发现任何错误?

模型.py

class Event(models.Model):
    event_id = models.IntegerField(primary_key=True)
    name = models.CharField(max_length=80,blank=False)
    date = models.DateField()
    start = models.TimeField()
    end = models.TimeField()

    category = models.ForeignKey(Category)
    city = models.ForeignKey(City)
    user = models.ForeignKey(User)

    def __unicode__(self):
        return self.name

查找.py

from selectable.base import ModelLookup
from selectable.registry import registry

from events.models import Event


class EventLookup(ModelLookup):
    model = Event
    search_field = 'city__icontains'
    filters = {'active': True, }

    def get_item_value(self, item):
        # Display for currently selected item
        return item.name

    def get_item_label(self, item):

        return u"%s (%s)" % (item.name)

registry.register(EventLookup)

表格.py

from django import forms
from django.forms import ModelForm
from events.models import Event
import selectable.forms as selectable
from events.lookups import EventLookup


class EventForm(ModelForm):
    autocomplete = forms.CharField(
        label='Type the name of a fruit (AutoCompleteWidget)',
        widget=selectable.AutoCompleteWidget(EventLookup),
        required=False,
    )

    class Meta:
        model = Event

网址.py

 (r'^selectable/', include('selectable.urls')),

模板.html

    **the following is loaded in correctly...**
    jquery-1.9.0.js
    jquery-ui-1.10.0.custom.min.css
    jquery.ui.core.js
    jquery.ui.widget.js
    jquery.ui.datepicker.js
    jquery.ui.autocomplete.js

**then I just output {{ form }}** 

页面上没有加载其他 js。只是上面的js和表单。有任何想法吗?我错过了什么吗?

4

1 回答 1

2

的输出{{ form }}包含每个表单输入的 HTML,但它不呈现表单定义的任何媒体。文档指出,您必须包含可选小部件定义的媒体。

django-selectable 中的小部件定义了它们需要的媒体,如表单媒体上的 Django 文档中所述。这意味着要包含使小部件工作所需的 javascript 和 css,您可以在模板中包含 {{ form.media.css }} 和 {{ form.media.js }}。

于 2013-01-28T21:55:19.937 回答