使用 django-autocomplete-light 自动完成
Posted
技术标签:
【中文标题】使用 django-autocomplete-light 自动完成【英文标题】:Autocomplete with django-autocomplete-light’s 【发布时间】:2015-12-07 06:19:16 【问题描述】:我正在用 Django 开发一个项目,我想在搜索中自动补全,但我丢失了 Django-autocomplete-light’s 的代码 但它没有用。
首先我安装了它:
pip install django-autocomplete-light
在我输入 INSTALLED_APPS 和 url 之后:
INSTALLED_APPS = (
#...
'django.contrib.staticfiles',
'autocomplete_light'
)
# URLS
url(r'^autocomplete/', include('autocomplete_light.urls')),
但是我在这里迷路了。
这是我的模型:
class Tecnico(models.Model):
codigo = models.AutoField(primary_key=True)
nome = models.CharField(max_length=60)
endereco = models.CharField(max_length=60, blank=True, null=True)
numero = models.CharField(max_length=10, blank=True, null=True)
bairro = models.CharField(max_length=40, blank=True, null=True)
cidade = models.IntegerField(blank=True, null=True)
fone = models.CharField(max_length=14, blank=True, null=True)
cpf = models.CharField(max_length=18, blank=True, null=True)
sexo = models.CharField(max_length=1, blank=True, null=True)
data_nasc = models.DateField(blank=True, null=True)
data_inc = models.DateField(auto_now_add=True, blank=True, null=True)
status = models.CharField(max_length=1, blank=True, null=True)
class Meta:
db_table = 'tecnico'
这是我的 html 代码:
<div class="container">
<form action="">
<div class="col">
<div class="col-1-2 first">
<label class="label" for="nome">Nome</label>
<input class="input varchar autocomplete" type="text" autofocus>
<ul class="list-autocomplete">
# Show my list here #
</ul>
</div>
<div class="col-1-2">
<input class="button no-label" id="action-button" type="button" value="Pesquisar">
</div>
</div>
</form>
</div>
<div class="col">
<table class="container--fluid table">
<thead>
<tr>
<th>Código</th>
<th>Nome</th>
<th>Telefone</th>
<th>CPF</th>
<th>Data de nasc.</th>
</tr>
</thead>
% for Tecnico in tecnicos %
<tbody>
<tr>
<td class="align-center">Tecnico.codigo</td>
<td>Tecnico.nome</td>
<td class="align-center">Tecnico.fone</td>
<td class="align-center">Tecnico.cpf</td>
<td class="align-center">Tecnico.data_nasc</td>
</tr>
</tbody>
% empty %
<div>
Nenhum resultado foi encontrado
</div>
% endfor %
</table>
</div>
<div class="col">
<div class="float-right align-right no-margin-bottom">
<a class="input button gradient-green" href="/tecnicos-incluir/">Incluir novo</a>
</div>
</div>
我想在我的 HTML 中显示列表。
对不起,扩展代码。
我在搜索中将自动完成灯放在哪里?
【问题讨论】:
【参考方案1】:这是创建导航自动完成的文档:http://django-autocomplete-light.readthedocs.io/en/2.3.0/navigation.html
在本网站的搜索表单中使用:http://societecitoyenne.org/
【讨论】:
以上是关于使用 django-autocomplete-light 自动完成的主要内容,如果未能解决你的问题,请参考以下文章
在使用加载数据流步骤的猪中,使用(使用 PigStorage)和不使用它有啥区别?
Qt静态编译时使用OpenSSL有三种方式(不使用,动态使用,静态使用,默认是动态使用)