Jquery 如何在django postman中使用django ajax选择更改下拉显示

Jquery 如何在django postman中使用django ajax选择更改下拉显示,jquery,django,autocomplete,gravatar,django-ajax-selects,Jquery,Django,Autocomplete,Gravatar,Django Ajax Selects,我目前正在使用一个名为django postman的应用程序,它利用django ajax selects在内部发送消息时在用户名中提供自动完成功能。djangoajaxselects中显示的视图非常简洁,但是当我实际使用它时,下拉列表的视图非常粗糙 我附上了一个截图。有谁能帮我弄清楚为什么我会得到这种基本的粗糙观点吗。 从这里可以看出,建议的名称就在末尾。我还想知道我是否可以添加用户gravatar,以及他们的名字,以使其更具视觉吸引力 我最终找到了解决这个问题的方法,但没有更新这个答案。但

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

我附上了一个截图。有谁能帮我弄清楚为什么我会得到这种基本的粗糙观点吗。


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

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

首先,我为autocomplete字段安装了djangoajaxselect。这是应用程序的链接

在project中安装后,您需要在设置文件中进行这些特定设置

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'},
}
POSTMAN\u AUTOCOMPLETER\u APP={{{%if is\u autocompleted%}
{%endif%}
'name':'ajax_select',
“字段”:“自动完成字段”,
'arg_name':'channel',
'arg_default':'user',#无默认值,必须启用此功能
}
AJAX\u SELECT\u BOOTSTRAP=True
AJAX\u SELECT\u inline='inline'
AJAX\u查找\u通道={
#传递带有要搜索的模型和字段的dict
'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 %}
{%if是自动完成的%}
{%endif%}
正如我所说,我不完全记得我做了什么,比如应用程序开始工作了,但这些都是我项目中存在的设置


谢谢

如果您能解决这个问题,我将非常感谢您的代码帮助我解决这个问题。谢谢你的建议!Nick,我很久以前就问过这个问题,现在ajax select对我来说很好用。对不起,我甚至不记得我是怎么解决的。我会查一下代码,然后试着回复你,那太好了!我非常感谢您提供的任何片段!祝你过得愉快嗨@NickB我知道有点晚了,但上个月我真的很忙。我补充了一个答案,你可以看一下。希望对你有帮助。