`
conquer0
  • 浏览: 78341 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jquery autoComplete三:autothink.jsp续三

阅读更多
                /*为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用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="&nbsp;<IMG alt=\"#\" src=\"<%=request.getContextPath()%>/images/png/Arrow-icon.png\"/>&nbsp;";
            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("&","&amp;");
            }
            }
                    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("&","&amp;");
            }
            }
                return row.PRODUCT_NAME.replace("&","&amp;");
                }   
            },
/*对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值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;     
            }     
        };
分享到:
评论

相关推荐

    jquery autocomplete下载.rar

    3. **基本使用方法** 首先,确保在页面中引入了 jQuery 和 Autocomplete 的 JS 文件,然后可以这样初始化 Autocomplete: ```html $(document).ready(function() { $('#myInput').autocomplete({ source: ...

    jquery.autocomplete.js资源压缩包下载

    3. **配置与选项**:`jquery.autocomplete.js`提供了丰富的配置选项,允许开发者自定义各种行为。比如,你可以设置最小输入长度触发联想,控制联想框的显示位置,设定自动完成的延迟时间,甚至定义自己的数据过滤...

    jquery.autocomplete.js使用示例,可直接运行

    **jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...

    jquery autocomplete 动态补全例子有说明ajax加载

    jQuery Autocomplete是一款非常实用的JavaScript插件,它允许用户在输入框中输入文字时,根据已有的数据集动态提供补全建议。这个功能在许多Web应用中被广泛使用,如搜索框、表单输入等。在给定的“jquery ...

    jquery的autocomplete(自动补全)插件

    3. **自定义设置**:`autocomplete()`方法接受许多可选参数,允许自定义行为。例如,你可以设置`minLength`来定义用户输入多少字符后触发补全,或者通过`select`事件处理用户选择项的回调: ```javascript $("#...

    jquery.autocomplete 类包.rar

    3. **初始化插件**:在JavaScript中,使用jQuery选择器找到输入框元素,并调用`.autocomplete()`方法,传入配置对象,配置项包括数据源、匹配模式、回调函数等。 4. **数据源**:数据源可以是静态数组,也可以是从...

    jquery.autocomplete.min.js

    jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的

    jquery.autocomplete.js

    3. 调用`.autocomplete()`方法,并传入相应的配置参数。这些参数包括但不限于数据源(可以是静态数组或动态接口)、匹配模式、回调函数等。 4. 根据需要,可以通过监听特定事件,如`select`或`change`,来处理用户的...

    jquery自动补全插件(jquery autocomplete)

    jQuery AutoComplete 还支持许多其他功能,如自定义显示模板、禁用项、高亮匹配项等,你可以通过查阅官方文档或第三方资源进一步学习。 总结,jQuery AutoComplete 插件通过简单的配置和使用,可以实现强大的自动...

    jQuery-Autocomplete-exaples.rar

    ### 3. 示例代码 在提供的 `例子.txt` 文件中,可能包含了具体的使用示例。通常,这会包含如何设置不同参数、如何处理回调事件等代码片段。`jQuery-Autocomplete-master` 文件夹可能包含了插件的完整源码和示例页面...

    jquery.autocomplete.js&css.rar

    《jQuery Autocomplete插件详解与应用实践》 在Web开发中,提高用户体验是至关重要的,而自动完成(Autocomplete)功能则是实现这一目标的有效手段之一。jQuery库中的Autocomplete插件,通过简单易用的API,帮助...

    jquery.autocomplete

    ### 3. 配置选项 `jQuery Autocomplete` 提供了一系列配置选项来定制其行为: - **source**:这是必需的,用于指定数据源。可以是数组、函数或者远程请求的 URL。 - **minLength**:定义用户输入多少字符后才开始...

    jquery插件jquery-ui-1.8.2.custom.min.js

    Widgets是jQuery UI的核心,包括Accordion(手风琴效果)、Autocomplete(自动补全)、Dialog(对话框)等。Effects则提供了各种动画效果,如Fade(淡入淡出)、Slide(滑动)等。Position模块提供了元素相对定位的...

    jQuery-Autocomplete-master.rar

    3. **AJAX 动态获取数据**: 这个示例中,jQuery Autocomplete支持通过AJAX异步请求从服务器获取匹配的数据。当用户在输入框中输入时,插件会发送请求到预设的URL,服务器返回与输入匹配的结果,然后在输入框下方...

    jquery autocomplete js 文件

    **jQuery Autocomplete 知识点详解** jQuery Autocomplete 是一个非常流行且实用的插件,它为HTML输入字段提供自动完成功能。这个插件基于 jQuery 库,使得在网页中实现类似百度搜索框那样的动态下拉建议变得简单易...

    jquery autocomplete

    ### 3. 使用方法 首先,确保在页面中引入了 jQuery 和 jQuery UI(包括 Autocomplete 组件)的库。然后,可以使用以下代码初始化 Autocomplete: ```html &lt;input type="text" id="autocomplete-input"&gt; ``` ```...

    jquery-autocomplete

    3. **初始化插件**:调用 `.autocomplete()` 方法,传入配置对象,设置相关的参数,例如数据源、提示样式等。 ```html &lt;script src="jquery.js"&gt; &lt;script src="jquery.autocomplete.js"&gt; $(document).ready...

    jquery.autocomplete 增加自定义查询方法

    `jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...

    jQuery AutoComplete使用实例

    你可以从 jQuery 官方网站或 CDN 获取 jQuery,而 AutoComplete 通常可以从其官方网站或其他第三方库获取。例如: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery AutoComplete 示例 &lt;script src="https://code....

    jQuery.Autocomplete 中文支持.pdf

    《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据...

Global site tag (gtag.js) - Google Analytics