今天用了点jquery ui的autocomplete插件,过程中可谓是遇到了许多问题,坎坎坷坷总算是成功了;具体的实现方法参见"http://jqueryui.com/"。这里面写的很详细,我只说两点注意事项:
1.注意jquery ui的版本,新的1.8+的实现方法和以前不同;
2.我们多数需要自己组装数据源,可以是本地数据源为本地js数组或本地的json对象;
3.形如
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
的数组可以直接用插件会自动在其中搜索;如果是形如
var projects = [
{
value: "jquery",
label: "jQuery",
desc: "the write less, do more, JavaScript library",
icon: "jquery_32x32.png"
},
{
value: "jquery-ui",
label: "jQuery UI",
desc: "the official user interface library for jQuery",
icon: "jqueryui_32x32.png"
},
{
value: "sizzlejs",
label: "Sizzle JS",
desc: "a pure-JavaScript CSS selector engine",
icon: "sizzlejs_32x32.png"
}
];
一定要label或者value,插件会根据这两个值搜索
分享到:
相关推荐
在lwme-jqueryui-demo这个压缩包中,可能包含了多个示例文件,它们展示了Autocomplete的不同用法和配置,可以帮助开发者更好地理解和运用这个组件。通过学习这些示例,你可以掌握如何根据项目需求灵活定制...
在lwme-jqueryui-demo中,我们可以找到一个简单的jQuery UI Autocomplete的演示项目。这个项目展示了如何利用Autocomplete实现一个基本的搜索功能,用户在输入框中输入关键字,系统会从预设的词汇列表中匹配并显示...
`jQuery UI Autocomplete`是基于`jQuery`库的一个强大组件,用于实现自动补全功能。这个组件能够极大地提升用户体验,特别是在需要用户输入特定信息时,如搜索框、表单字段等。`jQuery UI`提供了丰富的界面效果和...
例如,如果你只需要Autocomplete功能,可以使用`ui/themes/base/core.css`,`ui/themes/base/autocomplete.css`,`ui/jquery.ui.core.js`和`ui/jquery.ui.widget.js`,以及`ui/jquery.ui.autocomplete.js`。...
jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大、最灵活的Autocomplete,它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据
在介绍知识点之前,首先需要明确jQuery UI的Autocomplete组件的基本概念以及其在处理中文输入时可能遇到的问题。 Autocomplete组件允许用户快速找到并选择输入框中的某个选项,当用户开始键入时,组件会根据用户...
标题中的“firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法”指的是在使用Firefox浏览器时,针对jQuery UI库的Autocomplete组件在输入中文时出现的一个问题。该问题表现为在中文输入法状态下,用户输入中文...
jQuery UI AutoComplete 是一个强大的前端开发组件,它允许用户在输入文本时自动显示匹配的建议列表,极大地提升了用户体验。在jQuery UI库中,AutoComplete功能是建立在jQuery基础之上的,因此在使用前,需要确保...
**jQuery UI Autocomplete** 是一个基于 jQuery 库的插件,用于实现自动补全功能,它为用户在输入框中输入内容时提供实时的建议列表。这个功能在各种 Web 应用中非常常见,比如搜索框、表单填充等,能够极大地提升...
jQuery库提供了一个强大的Autocomplete插件,名为jQuery UI Autocomplete,它可以帮助开发者轻松实现这种功能。本文将深入探讨该插件的参数使用,以便开发者能够灵活定制自己的自动填充效果。 首先,我们需要引入...
《jQuery-autoComplete-1.8.22代码详解与应用》 jQuery-autoComplete是一款非常实用的前端插件,主要用于实现输入框的自动补全功能,它极大地提升了用户体验,尤其是在处理大量数据时,使得用户能够快速找到所需...
**jQuery UI Autocomplete 扩展:无限下拉** 在网页开发中,用户界面的交互性和易用性至关重要。jQuery UI库中的Autocomplete组件是实现这一目标的利器,它提供了自动补全功能,常用于搜索框或者输入框,帮助用户...
**jQuery UI Autocomplete** 是一个强大的功能,它允许用户在输入框中输入文字时自动提示相关的建议信息。这个功能在各种网页应用中广泛使用,比如搜索引擎、表单填充、产品搜索等,极大地提升了用户体验。本篇文章...
《jQuery UI AutoComplete 自动完成功能详解》 jQuery UI 的 AutoComplete 是一个强大的插件,它为输入框提供了自动补全的功能,适用于各种需要实时搜索建议的场景,如搜索引擎、表单填充等。本篇文章将深入探讨...
1. **引入依赖**:首先确保引入了 jQuery 和 jQuery UI 的核心库,以及 Autocomplete 插件。通常会通过 CDN 或本地文件引入。 2. **数据准备**:创建一个数据源,可以是简单的字符串数组,也可以是包含复杂结构的...
在本案例中,提供了`jquery-ui.js`文件,该文件不仅包含了jQuery UI的核心功能,还内置了`jquery.js`,这确保了对jQuery Autocomplete的支持。 **使用步骤:** 1. **引入依赖**:在HTML文件中,你需要在`<head>`...
javascript 实现Autocomplete 源代码。可以嵌入任何大多数ASP.net,java的系统中。携程网效果。但是Microsoft Dynamics CRM 4.0例外。 Microsoft Dynamics CRM 4.0用的以后推出。