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我知道有点晚了,但上个月我真的很忙。我补充了一个答案,你可以看一下。希望对你有帮助。