如何在django postman中使用django ajax-selects更改DropDown显示

Question

我目前正在使用一个名为django-postman的应用程序，它利用django-ajax-selects在内部发送消息时在用户名中提供自动补全功能。django-ajax-selects中显示的视图非常简洁，但是当我实际使用它时，dropdown的视图非常粗糙。

我附上了一个截图。有没有人可以帮助我了解为什么我会得到这个基本的粗略的观点。

​

可以在这里看到，建议的名称就在末尾。我还想知道我是否可以添加用户的gravatar，以及他们的名字，以使其在视觉上更具吸引力。

Answer 1

我最终想出了如何解决这个问题，但没有更新这个答案。但既然我收到了评论，我想我应该分享我所知道的一切。我不记得我写了什么才能正常工作，但我会分享我在我的文件中所做的所有设置，并希望它也适用于其他人

首先，我为自动完成字段安装了django-ajax-select。以下是应用程序https://github.com/crucialfelix/django-ajax-selects的链接

在项目中安装后，您需要在设置文件中使用这些特定的设置

POSTMAN_AUTOCOMPLETER_APP = {    {% if is_autocompleted %}
 <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.autocomplete.min.js"></script>
<link href="{{ STATIC_URL }}css/jquery.autocomplete.css" type="text/css" media="all" rel="stylesheet" />
 {% endif %}
        'name': 'ajax_select',
        'field': 'AutoCompleteField',
        'arg_name': 'channel',
        'arg_default': 'user', # no default, mandatory to enable the feature
}

AJAX_SELECT_BOOTSTRAP = True
AJAX_SELECT_INLINES = 'inline'

AJAX_LOOKUP_CHANNELS = {
       # pass a dict with the model and the field to search against
       'user'  : {'model':'auth.user', 'search_field':'username'},
}

您需要在模板中包含jquery自动完成文件。现在，这个库已经与jquery ui集成在一起了，所以请确保使用旧的jquery autocomplete js文件。这可能是它不起作用的原因之一。

{% if is_autocompleted %}
 <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.autocomplete.min.js"></script>
<link href="{{ STATIC_URL }}css/jquery.autocomplete.css" type="text/css" media="all" rel="stylesheet" />
 {% endif %}

正如我所说的，我不太记得我做了什么，比如应用程序开始工作，但这些都是我的项目中存在的设置。

谢谢