/*为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中.
Autocompleter会提供三个参数(row, i, max): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数),
当前结果数组元素的个数即项目的个数. Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值.*/
formatItem: function(row, i, total) {
//match 方法没有找到匹配,返回 null。如果找到匹配返回一个数组并且更新全局 RegExp 对象的属性以反映匹配结果。
//全局标志 (g),设置了全局标志,元素0到n中包含所有匹配。
var reg = new RegExp("&", "g");
if(null!=row.CLASS1_NAME && "null"!=row.CLASS1_NAME){
var htmlStr=" <IMG alt=\"#\" src=\"<%=request.getContextPath()%>/images/png/Arrow-icon.png\"/> ";
var temp = row.CLASS1_NAME.match(reg);
if(null != temp){
var num = temp.length;
for(var j=0;j<num;j++){
row.CLASS1_NAME.replace("&","&");
}
}
return row.PRODUCT_NAME+ htmlStr + row.CLASS1_NAME;
}else{
var temp = row.PRODUCT_NAME.match(reg);
if(null != temp){
var num = temp.length;
for(var j=0;j<num;j++){
row.PRODUCT_NAME.replace("&","&");
}
}
return row.PRODUCT_NAME.replace("&","&");
}
},
/*对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值row*/
formatMatch: function(row, i, total) {
return row.ITEM_NAME;
},
/*和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,
表示要么是只有数据,要么是使用formatItem提供的值.*/
formatResult: function(row) {
return row.CLASS1_NAME==null?row.ITEM_NAME:row.CLASS1_NAME;
}
};
分享到:
相关推荐
3. **基本使用方法** 首先,确保在页面中引入了 jQuery 和 Autocomplete 的 JS 文件,然后可以这样初始化 Autocomplete: ```html $(document).ready(function() { $('#myInput').autocomplete({ source: ...
3. **配置与选项**:`jquery.autocomplete.js`提供了丰富的配置选项,允许开发者自定义各种行为。比如,你可以设置最小输入长度触发联想,控制联想框的显示位置,设定自动完成的延迟时间,甚至定义自己的数据过滤...
**jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...
jQuery Autocomplete是一款非常实用的JavaScript插件,它允许用户在输入框中输入文字时,根据已有的数据集动态提供补全建议。这个功能在许多Web应用中被广泛使用,如搜索框、表单输入等。在给定的“jquery ...
3. **自定义设置**:`autocomplete()`方法接受许多可选参数,允许自定义行为。例如,你可以设置`minLength`来定义用户输入多少字符后触发补全,或者通过`select`事件处理用户选择项的回调: ```javascript $("#...
3. **初始化插件**:在JavaScript中,使用jQuery选择器找到输入框元素,并调用`.autocomplete()`方法,传入配置对象,配置项包括数据源、匹配模式、回调函数等。 4. **数据源**:数据源可以是静态数组,也可以是从...
jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的
3. 调用`.autocomplete()`方法,并传入相应的配置参数。这些参数包括但不限于数据源(可以是静态数组或动态接口)、匹配模式、回调函数等。 4. 根据需要,可以通过监听特定事件,如`select`或`change`,来处理用户的...
jQuery AutoComplete 还支持许多其他功能,如自定义显示模板、禁用项、高亮匹配项等,你可以通过查阅官方文档或第三方资源进一步学习。 总结,jQuery AutoComplete 插件通过简单的配置和使用,可以实现强大的自动...
### 3. 示例代码 在提供的 `例子.txt` 文件中,可能包含了具体的使用示例。通常,这会包含如何设置不同参数、如何处理回调事件等代码片段。`jQuery-Autocomplete-master` 文件夹可能包含了插件的完整源码和示例页面...
《jQuery Autocomplete插件详解与应用实践》 在Web开发中,提高用户体验是至关重要的,而自动完成(Autocomplete)功能则是实现这一目标的有效手段之一。jQuery库中的Autocomplete插件,通过简单易用的API,帮助...
### 3. 配置选项 `jQuery Autocomplete` 提供了一系列配置选项来定制其行为: - **source**:这是必需的,用于指定数据源。可以是数组、函数或者远程请求的 URL。 - **minLength**:定义用户输入多少字符后才开始...
Widgets是jQuery UI的核心,包括Accordion(手风琴效果)、Autocomplete(自动补全)、Dialog(对话框)等。Effects则提供了各种动画效果,如Fade(淡入淡出)、Slide(滑动)等。Position模块提供了元素相对定位的...
3. **AJAX 动态获取数据**: 这个示例中,jQuery Autocomplete支持通过AJAX异步请求从服务器获取匹配的数据。当用户在输入框中输入时,插件会发送请求到预设的URL,服务器返回与输入匹配的结果,然后在输入框下方...
**jQuery Autocomplete 知识点详解** jQuery Autocomplete 是一个非常流行且实用的插件,它为HTML输入字段提供自动完成功能。这个插件基于 jQuery 库,使得在网页中实现类似百度搜索框那样的动态下拉建议变得简单易...
### 3. 使用方法 首先,确保在页面中引入了 jQuery 和 jQuery UI(包括 Autocomplete 组件)的库。然后,可以使用以下代码初始化 Autocomplete: ```html <input type="text" id="autocomplete-input"> ``` ```...
3. **初始化插件**:调用 `.autocomplete()` 方法,传入配置对象,设置相关的参数,例如数据源、提示样式等。 ```html <script src="jquery.js"> <script src="jquery.autocomplete.js"> $(document).ready...
`jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...
你可以从 jQuery 官方网站或 CDN 获取 jQuery,而 AutoComplete 通常可以从其官方网站或其他第三方库获取。例如: ```html <!DOCTYPE html> <title>jQuery AutoComplete 示例 <script src="https://code....
《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据...