Django jquery-ui自动完成数据库2.0

时间:2017-07-07 08:21:02

标签: javascript jquery python django jquery-ui

我很抱歉找到一个主题(这一个:to this tutorial)但它已经老了所以可能会有一些修改。

我想做与malisit完全相同的事情,我尝试了与他的完全相同的代码,但我仍然遇到了问题。

我的模特是Klient' (这是我的models.py):

from django.db import models
import pandas as pd
from django.core.files import File
import datetime

class Klient(models.Model):
id_klient = models.AutoField(primary_key=True)
nom_klient = models.CharField(max_length=42)
prenom_klient = models.CharField(max_length=42)
argent = models.FloatField(default=0.0)
date = models.DateTimeField(auto_now_add=True, auto_now=False, 
                            verbose_name="Date ajout")
associations=models.TextField(null=True)
historique_transactions=models.FileField(default='/Users/antoinepradier/Desktop/site/site_kfet/site_K/historique/historique_transactions.xlsx')

def __str__(self):
    return(self.nom_klient+' '+self.prenom_klient)

这是我的html文件(accueil.html):

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script> 

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>

<input id="n" type="text" name="n"/>

我的accueil.js如下:

<script>
$(document).ready(function(){
 $( "input#n" ).autocomplete({
                        source: "{% url "autoco" %}",
                        minLength: 2
    });
});
</script>

我的观点:

def autoco(request):
 term = request.GET.get('term')
 bslk = Klient.objects.filter(nom_klient__istartswith=term)
 res = []
 for b in bslk:
      dict = {'nom':b.nom_klient, 'prenom':b.prenom_klient}
      res.append(dict)
 return HttpResponse(json.dumps(res))

最后我的网址:

url(r'^autoco/$', views.autoco, name='autoco'),

当我开始输入&#34; Klient&#34; nom_klient,什么都没有出现......有人可以帮助我使它有效吗?

提前致谢!

0 个答案:

没有答案