`
lxneng
  • 浏览: 191471 次
  • 性别: Icon_minigender_1
  • 来自: 火星
社区版块
存档分类
最新评论

在Django中试用jQuery的Autocomplete插件,实现自动提示功能

阅读更多
jQuery Autocomplete Plugin Home Page
<!--autocomplete_demo.html-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
    	<title>autocomplete</title>
    	<script src="http://code.jquery.com/jquery-latest.js"></script>
    	<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" />
    	<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
    	<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
    	<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script>
    	<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
    	<script>
      		$(document).ready(function () {
      			$("#tag").autocomplete(
        			'/autocomplete/',
        			{multiple: true, multipleSeparator: ' '}
      			);
    		});
    	</script>
    </head>
<body>
	Tag:<input id="tag"/>
</body>
</html>

#models.py
class Tag(models.Model):
    name = models.CharField('tag',max_length=100)

#views.py
def tag_autocomplete(request):
    if request.GET.has_key('q'):
        print request.GET['q']
        tags = Tag.objects.filter(name__icontains=request.GET['q'])[:10]
        return HttpResponse('\n'.join(tag.name for tag in tags))
    return HttpResponse()


#urls.py
(r'^autocomplete/$', tag_autocomplete),
0
0
分享到:
评论

相关推荐

    Django + jquery + json 实例实现 在此记录

    在本实例中,我们将探讨如何使用Django框架与jQuery库以及JSON数据格式来构建一个功能性的Web应用。Django是一个强大的Python Web框架,它提供了一整套解决方案来处理后端逻辑,而jQuery则是一个广泛使用的...

    Jquery Autocomplete

    **jQuery Autocomplete** 是一个非常流行的前端开发工具,主要用于实现输入框自动补全功能。它是由 jQuery UI 库提供的一种组件,能够极大地提升用户在网页上的交互体验。jQuery UI 是一个开源的 JavaScript 库,...

    PyPI 官网下载 | django-autocomplete-light-1.1.4.tar.gz

    `django-autocomplete-light` 是一个用于 Django 框架的强大的自动完成库,它为开发人员提供了一种简单而灵活的方式,来实现前端输入框的智能提示功能。这个资源是版本 1.1.4 的源码压缩包,可以从 Python 的官方第...

    django-autocomplete-light, 新的自动完成实现方法,特别是 Django 状态.zip

    django-autocomplete-light, 新的自动完成实现方法,特别是 Django 状态 特性python 2.7,3.4,Django 1.8 支持,Django ( 多重) 选择支持,Django ( 多重) 模型选择支持,Django 通用外键支持( 通过 django-...

    django-admin-autocomplete-list-filter:适用于Django管理员的Ajax自动完成列表过滤器

    使用Django内置的自动填充小部件! 无需额外的软件包或安装! 安装及使用 $ pip install django-admin-autocomplete-list-filter 在您的settings.py djaa_list_filter添加到INSTALLED_APPS : INSTALLED_APPS = ...

    Django实现登录-注册等功能

    在本文中,我们将深入探讨如何使用Django框架来实现用户登录和注册功能,这对于任何Web应用程序来说都是核心组件。Django是一个用Python编写的高级Web框架,它鼓励快速开发和简洁实用的设计理念。 首先,我们需要...

    基于Python Django框架的jQuery AJAX交互源码实现

    项目概述:本项目是基于Python中流行的Django框架,结合jQuery AJAX技术实现的前后端交互应用。通过使用POST和GET请求,实现了数据的异步处理。项目主要采用Python语言编写,同时包含了JavaScript、HTML、Shell、CSS...

    cropper头像上传jquery插件

    "cropper头像上传jquery插件"是指使用了名为"Cropper"的JavaScript库,结合jQuery技术,实现的一个专门用于用户头像上传的功能。Cropper是一款强大的图片裁剪工具,它提供了丰富的API和选项,使得在前端进行图片裁剪...

    django-admin-autocomplete-filter:一个简单的Django应用,使用自动完成小部件在django admin中呈现列表过滤器

    一个简单的Django应用程序,使用自动完成小部件在django admin中呈现列表过滤器。 这个程序的灵感来自 概述: Django预装了管理面板,这是创建快速CRUD的好工具。 2.0版带有一个非常需要的属性,该属性使用select2...

    用django+jquery做了一个即时更新的测试

    【标题】:“用django+jquery做了一个即时更新的测试”揭示了本次项目的核心技术栈,即使用Python的Django框架和JavaScript的jQuery库构建了一个实时数据更新的功能。Django是著名的Web开发框架,以其MVT(Model-...

    Django实现商城网站源码.zip

    Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django...

    Python-使用PythonDjango的Web自动化测试平台

    在本文中,我们将深入探讨如何利用Python和Django来构建这样的自动化测试环境。 首先,了解Python Django框架至关重要。Django是一个高级的、开源的Web框架,遵循模型-视图-控制器(MVC)设计模式,旨在简化Web应用...

    Django引用ztree实现数据库表导入树状目录

    在IT行业中,Web开发是一个广泛且重要的领域,而Python的...这样的功能在数据管理、文件系统展示等多个场景中都非常实用。在实际开发中,还需要考虑性能优化、错误处理以及用户体验等方面,确保应用的稳定性和易用性。

    Django-jQuery-File-Uploader-Integration-demo-master.zip

    这个压缩包包含了一个完整的示例,用于展示如何在Django web应用中使用jQuery实现文件上传功能。 **Django框架**: Django是Python编程语言中的一个高级Web开发框架,它遵循模型-视图-控制器(MVC)设计模式。...

    Python-用于djangoCMS的插件添加注释到结构板和注释掉插件

    在实现这个插件时,开发者可能会用到Python的面向对象编程特性,创建类来表示插件和注释,以及相关的操作。同时,Django CMS的API和钩子(hooks)也会被充分利用,以便在正确的时间和地点插入注释功能,并与CMS的...

    基于python+django+selenium关键字实现的功能自动化测试平台

    【作品名称】:基于python+django+selenium关键字实现的功能自动化测试平台 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目...

    PyPI 官网下载 | django-autocomplete-light-1.4.3.tar.gz

    `django-autocomplete-light`是针对Django框架的一个开源库,用于增强网站表单中的自动完成功能。 **Django框架** Django是用Python编写的一款高级Web框架,它遵循MVC(Model-View-Controller)设计模式,旨在简化...

    django-markdownx, 为 Django 构建的全面 Markdown 插件.zip

    django-markdownx, 为 Django 构建的全面 Markdown 插件 Django MarkdownX Django 是一个为 Django 构建的全面的 Markdown 插件插件,它具有灵活性。可以扩展性和可以扩展性,在它的核心上具有。文档http://neutron

Global site tag (gtag.js) - Google Analytics