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

【问题标题】：How to change the DropDown display using django ajax-selects in django postman如何在 django postman 中使用 django ajax-selects 更改 DropDown 显示
【发布时间】：2012-01-25 11:44:30
【问题描述】：

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

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

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

【问题讨论】：

如果您发现了这一点，我非常感谢您查看您的一段代码来帮助我解决这个问题。感谢您的任何想法！
尼克，我很久以前就问过这个问题，现在 ajax 选择对我来说效果很好。对不起，我什至不记得我是如何解决的。我会查找代码并尝试回复您
那太好了！我感谢您提供的任何 sn-ps！祝你有美好的一天
嗨@NickB 我知道这有点晚了，但上个月我真的很忙。我已经添加了一个答案，你可以看看它。希望对你有帮助。

标签： jquery django autocomplete gravatar django-ajax-selects

【解决方案1】：

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

首先，我为自动完成字段安装了 django-ajax-selects。这是应用程序的链接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 自动完成 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 %}

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

谢谢

【讨论】：