【问题标题】: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 %}

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

谢谢

【讨论】:

    猜你喜欢
    • 2015-10-20
    • 2012-04-30
    • 2011-06-19
    • 1970-01-01
    • 2019-12-11
    • 1970-01-01
    • 1970-01-01
    • 2015-01-04
    • 2012-01-25
    相关资源
    最近更新 更多