Django可选和自动完成:自动完成不起作用。我应该添加自己的JS吗?

时间:2015-10-20 21:33:58

标签: jquery python django autocomplete django-select-related

我试图在django.auth用户上使用Django selectable。它会在selectable/organiser_app-userlookup/上向用户回复JSON,但输入中不会显示自动填充。

我在selectable注册了INSTALLED_APPS

    INSTALLED_APPS = (
    ...
    'selectable',
    )

还添加到基础项目网址中的url.py

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

我的lookup.py是:

     #UserLookup
class UserLookup(ModelLookup):
    model = User
    search_fields = ('first_name__icontains', 'last_name_icontains', 'email_icontains')

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

def get_item_label(self, item):
    # Display for choice listings
    return u"%s (%s)" % (item.username, item.get_full_name())

registry.register(UserLookup)

和查询表单:

    class UserLookupForm(forms.Form):
user_input = forms.CharField(
    label='Type user name, last name or email',
    widget=selectable.AutoCompleteWidget(lookup_class=UserLookup),
    required=False,
)

我的模板刚从表单输入,并呈现为:

<form>
<div class="form-group">
    <label class="col-sm-3 control-label" for="id_user_input">
    Type user name, last name or email</label>
<div class="col-sm-6 coll-sm-offset-3">
    <input class="form-control" 
    data-selectable-allow-new="false" 
    data-selectable-type="text" 
    data-selectable-url="/selectable/organiser_app-userlookup/"   
    id="id_user_input" 
    name="user_input" 
    placeholder="Type user name, last name or email" title="" 
    type="text" />
</div></div>
<p class="btn btn-default" role="button" 
id="button_add">
<span class="glyphicon glyphicon-plus-sign"></span>
</p>
</form>

当我查看网址selectable/organiser_app-userlookup/时,我会收到用户的JSON,因此看起来像Django-selectble一样。我现在应该如何使用自动完成功能?我应该在模板中添加一些JQuery源吗?我只是不明白。

1 个答案:

答案 0 :(得分:0)

好的,问题是没有js脚本处理所有自动完成事件。

只需要将JS传递给模板模板即可。 在代码中的某处指定:

{{ form.media.js }}

它将呈现给:

<script type="text/javascript" src="/static/selectable/js/jquery.dj.selectable.js?v=0.9.0"></script>

这对我有帮助。

我只是不知道为什么文档中没有提到这一点。