`
wangrl
  • 浏览: 152301 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery UI autoComplete 设置max

 
阅读更多

转自:http://blog.csdn.net/cdefg198/article/details/8115336

 

好像新版的Jquery UI,autoComplete的options里面没有max,不知道是不是我没有知道,如果数据量很大,有可能显示非常。所以修改了一下代码,定死了,没有添加到options里面去。

在Jquery-ui.js的6659行代码处,_normalize函数里面。

原来是:

[javascript] view plain copy
  1. _normalize:  function ( items ) {  
  2.         // assume all items have the right format when the first item is complete   
  3.         if  ( items.length && items[0].label && items[0].value ) {  
  4.             return  items;  
  5.         }  
  6.         return  $.map( items,  function ( item ) {  
  7.             if  (  typeof  item ===  "string"  ) {  
  8.                 return  {  
  9.                     label: item,  
  10.                     value: item  
  11.                 };  
  12.             }  
  13.             return  $.extend({  
  14.                 label: item.label || item.value,  
  15.                 value: item.value || item.label  
  16.             }, item );  
  17.         });  
  18.     },  


修改为:

[javascript] view plain copy
  1. _normalize:  function ( items ) {  
  2.         // assume all items have the right format when the first item is complete   
  3.         if  ( items.length && items[0].label && items[0].value ) {  
  4.             return  items;  
  5.         }  
  6.         var  i=0;   
  7.         return  $.map( items,  function ( item ) {  
  8.             if (i >= 20 )  
  9.                 return ;  
  10.             i++;   
  11.             if  (  typeof  item ===  "string"  ) {  
  12.                 return  {  
  13.                     label: item,  
  14.                     value: item  
  15.                 };  
  16.             }  
  17.             return  $.extend({  
  18.                 label: item.label || item.value,  
  19.                 value: item.value || item.label  
  20.             }, item );  
  21.         });  
  22.     },  


最大显示20条

分享到:
评论

相关推荐

    实用的JQueryUI例子

    这个“实用的jQueryUI例子”压缩包包含了一些常见的UI组件的示例代码,方便开发者快速理解和应用到自己的项目中。** 首先,让我们深入了解一下jQuery UI中的核心组件: 1. **日历(Datepicker)**: 这是jQuery UI...

    jQueryUI在vs中

    以上只是 jQuery UI 功能的冰山一角,还有许多其他组件,如 Autocomplete、Button、Tabs 等,可以根据需求进行学习和应用。在实际项目中,你可以根据需要选择并组合使用这些组件,通过调整选项来定制它们的行为,以...

    jquery-ui 源文件

    3. **配置选项**:大部分组件都允许设置多个选项来调整行为,如`$("#slider").slider({value: 50, min: 0, max: 100})`创建一个初始值为50,范围0到100的滑块。 4. **事件处理**:可以绑定事件监听器以响应用户的...

    jquery插件autocomplete用法示例

    jQuery Autocomplete插件是jQuery UI库中的一个组件,主要用于实现自动补全功能,它能够根据用户在输入框中输入的内容动态地提供匹配建议。在网页交互中,这种功能经常用于搜索框,帮助用户快速找到他们可能正在寻找...

    jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解

    var newConfig = $.extend({}, $("#customerFullName").data('ui-autocomplete').options, { minChars: 3 }); $("#customerFullName").autocomplete(newConfig); ``` 这里,`$.extend` 用于合并原有配置和新配置,...

    jq-Autocomplete-master 非常棒的类百度搜索提示插件

    **jQuery Autocomplete插件详解** 在网页开发中,提供高效的搜索提示功能是提升用户体验的关键因素之一。`jq-Autocomplete-master` 是一个优秀的JavaScript插件,它模仿了百度搜索引擎的智能提示功能,使得用户在...

    基于jquery的文本框与autocomplete结合使用(asp.net+json)

    Autocomplete是jQuery UI库的一部分,它允许用户在输入时从预定义的数据集中获得建议,提高用户体验。 首先,我们需要在页面中引入jQuery库和Autocomplete的CSS及JavaScript文件。在`<head>`部分,添加以下引用: ...

    jquery-autocompelete

    可以设置 `max-height` 属性限制下拉列表的高度,并启用 `overflow-y: auto` 来显示垂直滚动条,例如: ```css .ui-autocomplete { max-height: 300px; overflow-y: auto; } ``` ### 2. HTML 标准与样式问题 ...

    BootStrap下jQuery自动完成的样式调整

    为了实现这个功能,我们可以为ul.ui-autocomplete设置一个最大高度(max-height),并开启垂直方向的溢出滚动条(overflow-y: scroll)。这样当内容超出设定高度时,就会显示滚动条。下面是一个设置最大高度为200像素的...

    vs 2010中jquery的自动完成下拉列表

    接下来,使用jQuery UI的`autocomplete`方法来初始化自动完成功能。这个方法需要一个数据源,可以是数组、函数或远程数据源。这里我们以数组为例: ```javascript $(function() { var availableTags = ["Tag1", ...

    Jquery模仿Baidu、Google搜索时自动补充搜索结果提示

    autocomplete是一个非常实用的Jquery UI组件,它可以轻松地绑定到文本输入框,并根据用户输入提供自动完成功能。它需要一个数据源,可以是一个数组、一个远程服务器地址,或者是一个本地的Javascript对象。 在实现...

    自动填充 input 标签

    自动填充功能主要依赖于前端框架或库提供的组件,如jQuery UI中的`autocomplete`插件。其工作流程如下: 1. **用户输入**:当用户在输入框中键入文本时,触发键盘事件(如`keyup`事件)。 2. **请求数据**:根据...

    表单与列表

    <input name="password" id="password" value="" autocomplete="off" type="password"> - 作用:用于输入密码。 - 特性:输入字符会被隐藏,增加安全性。 - **鼠标点击内容消失的文本框** - 标签:...

    simple-tags

    * Upgrade JS Libary (jQuery Autocomplete, jQuery Cookie, jQuery bgIframe) * Version 2.0-beta9 : * Fix conflict with plugin using Google Library Javascript for jQuery. Example : "Use Google Libraries...

Global site tag (gtag.js) - Google Analytics