Question

我想在焦点上显示自动填充选项。如果输入的值为空，我想显示所有选项。我想要的行为等同于以下效果：

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8/>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    </head>
    <body>
        <input id="text" type="text"></input>
        <script>
            $(
                function() {
                    $('#text').autocomplete(
                        { source: ['abc', 'bcd', 'cde'], minLength: 0 }
                    ).focus(function() { $(this).autocomplete('search'); });
                }
            );
        </script>
    </body>
</html>

如何使用Django-selectable执行此操作？

Answer 1

您是否有机会阅读自动填充文档？

特别关于source选项？

基本上，你需要在你的最后创建一个服务，这个服务将返回JSON格式的数据，它可以是字符串列表（[＆＃34; Choice1＆＃34;，＆＃34; Choice2＆＃34;]），带有＆＃34;标签的记录列表＆＃34;和＆＃34;价值＆＃34; keys（[{label：＆＃34; Choice1＆＃34;，value：＆＃34; value1＆＃34;}，...]）或任何其他数据 - 在这种情况下，您还需要另外写入数据解析功能。

对于搜索功能，您的服务应接受＆＃34; term＆＃34;查询参数（例如：http://example.com?term=foo）。

在Django中写这个，创建一个视图（基于或不基于类），它将响应GET请求，查询数据库并返回格式化为JSON的数据（在响应中具有适当的内容/类型标题）

class MyDict(models.Model):
    name = models.CharField(max_length=100, db_index=True)

    class Meta:
        ordering = ['name']

def search_view(request):
    term = request.get('term')
    search = {}
    if term:
        search['name__icontain'] = term
    # we are limiting answers to not dump whole db over the ajax
    # user has a possibility to narrow search
    result = [{'label': o.name, 'value': o.name} for o in MyDict.objects.filter(**search)[:50]]
    return HttpResponse(json.dumps(result), mimetype='application/json')

Django-selectable - 在焦点上显示自动完成选项

1 个答案: