jquery - Django 从数据库自动完成

Question

我有一个这样的模型:

class Baslik(models.Model):
    user = models.ForeignKey(User, null=True, blank=True)
    title = models.CharField(max_length=50)
    timestamp = models.DateTimeField(auto_now_add=True, auto_now=False)
    updated = models.DateTimeField(auto_now_add=False, auto_now=True)
    active = models.BooleanField(default=True)

我想根据此模型的标题字段自动完成模板中的输入。我只想自动完成标题，还有什么对我不起作用吗？我认为应该用 jquery、ajax 等来完成。我对它们没有任何想法。有什么办法可以做到这一点吗？有没有完全相同的软件包？谢谢。

Answer 1

ui-autocomplete-input对此效果非常好。

在模板中生成列表

<script>
$(function() {
var availableTitles = [
   {% for baslik in basliks %}
      "{{ baslik.title}}" {% if not forloop.last %},{% endfor %}   
   {% endfor %}

];
$( "#tags" ).autocomplete({
  source: availableTitles
});
});
</script>

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>

编辑(基于评论):添加了 json 响应；这在 ui-autocomplete 和 bootstrap/typeahead.js 解决方案中都需要

import json

from django.http import HttpResponse

def json_response_view(request):
   q = request.GET.get('q', '')
   response_data = Baslik.objects.filter(title__startswith=q).values("title")
   return HttpResponse(json.dumps(response_data), content_type="application/json")