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

Question

我目前正在使用名为 django-postman 的应用程序，该应用程序利用 django-ajax-selects 在内部发送消息时提供用户名自动完成功能。 django-ajax-selects 中显示的视图相当简洁，但当我实际使用它时，下拉列表的视图相当粗糙。

我已附上屏幕截图。任何人都可以帮助我了解为什么我会得到这个基本的粗略观点。

从这里可以看出，建议的名称出现在最后。我还想知道是否可以添加用户头像及其姓名，以使其更具视觉吸引力。

Answer 1

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

首先我安装了 django-ajax-selects自动完成字段。这是应用程序的链接 https://github.com/crucialfelix/django-ajax-selects< /a>

在项目中安装后，您需要在设置文件中进行这些特定设置

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 自动完成 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 %}

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

谢谢