近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
aaa近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
aaa近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
aaa近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
aaa近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。
[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)
![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)
该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。
* lookupFilter 可以添加一个对source 结果过滤规则。
* zindex 设置自动提示div的显示层级
* noCache 是否缓存查询结果
* 匹配内容在提示内容中高亮显示
该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.
jquery-ui autocomplete url:http://jqueryui.com/autocomplete/ .
![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)
该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。
对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。
```
"blur.autocomplete",
function(c) {
if (!a.options.disabled) {
clearTimeout(a.searching);
a.closing = setTimeout(function () {
a.close(c);
a._change(c)
}, 150)
}
}).bind('input',function (c) {
a.search(a.item);
});
```
总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。
jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。
相关推荐
Amazing pictures Amazing pictures Amazing pictures
Gibson共同创作的一套英语学习资源,它被整合在名为"English Through Pictures, Book 1,2,3 .zip"的压缩文件中。这个压缩包包含了更新版的《英语图解》第一、第二、第三册的内容,为学习者提供了一种视觉化、互动式...
English_Through_Pictures-图文并茂版 1. 简介 是将音频相应的书页作为MP3专辑背景嵌入MP3文件里了。 所以使用适当的播放器播放MP3时,相应的书页会同步显示,方便跟读。 2. 播放器推荐 播放器请用开源的 smplayer...
"Capture Pictures"是一款功能丰富的截图软件,专为用户提供了便捷的屏幕捕捉体验。这款软件不仅支持常规的静态图像截图,还特别强调了对动态图像的支持,这意味着用户可以在一个连续的操作中捕获多帧图像,例如记录...
标题 "文件_个人 电子相册 pictures" 暗示我们正在处理一个包含个人电子相册的文件集合,其中可能包含一系列图片或者相关的多媒体内容。这个压缩包很可能是某人整理并分享的个人照片集,可能用于回忆、展示或者与...
【标题】"Saved Pictures.zip" 是一个压缩文件,通常用于存储多个图像文件。在这个特定的案例中,这个压缩包被命名为 "程序员常用的壁纸图片",暗示了它包含的是一系列与程序员文化、科技主题或者编程相关的壁纸图片...
《pineapple-pictures.zip——一款轻巧便捷的图片查看神器》 在数字化时代,图片查看器作为日常工作中不可或缺的一部分,其功能与体验愈发受到用户的重视。"pineapple-pictures.zip"便是这样一款专为满足用户需求而...
标题中的"Pictures-Uploaded.zip"表明这是一个包含图片的压缩文件,可能用于前端或后端开发中的图像资源上传或处理。这个文件很可能是开发者在项目中使用的图像集合,或者是用户上传到服务器的图片数据。 描述中...
这个名为"UpLoadPictures.7z"的压缩包文件很可能包含了一个示例项目,用于演示如何在使用Kotlin编程语言时实现多图片上传的功能。Kotlin是Google推荐的Android开发首选语言,以其简洁、安全和表达性强的特点深受...
文档中提到的“Pictures by PC3.4”软件,为降低用户成本,提供了价格合理的软件包,包括一年的免费维护和机加工后置处理程序。这表明CAD/CAM软件公司考虑到成本控制对用户的重要性,并通过提供一站式解决方案来吸引...
GOP(Group of Pictures)是视频压缩技术中的一个概念,尤其在MPEG-4和H.264编码标准中扮演重要角色。GOP通常用来定义视频序列中I帧和P帧的排列顺序和数量。在摄像机固件设置中,GOP参数可以通过调整其长度来达到...
English_Through_Pictures-图文并茂版 1. 简介 是将音频相应的书页作为MP3专辑背景嵌入MP3文件里了。 所以使用适当的播放器播放MP3时,相应的书页会同步显示,方便跟读。 2. 播放器推荐 播放器请用开源的 smplayer...
《艾奇电子相册视频制作软件-pictures-to-video_1.00》是一款专为用户打造的高效便捷的电子相册制作工具,旨在将个人照片转化为生动有趣的视频作品。这款软件集图片处理、视频编辑、特效添加等多种功能于一体,使得...
抠图工具play_with_pictures破解版
《深入理解"Pictures.zip"与图片管理》 在数字化时代,图片已经成为我们日常生活、工作中不可或缺的一部分。无论是个人的回忆照片,还是商业设计素材,图片都扮演着重要的角色。"Pictures.zip"是一个压缩包文件,它...
《13818-2-GENERIC CODING OF MOVING PICTURES AND ASSOCIATED AUDIO-SYSTEMS》是国际标准化组织(ISO)与国际电工委员会(IEC)联合技术委员会1(JTC1)下属的第二十九分委员会(SC29)工作组11(WG11)所制定的一...
【标题】"Pictures to TBV" 是一个与图像处理和视频制作相关的概念,可能是将图片转换为电视广播(TV)格式或视频文件的过程。在现代数字媒体创作中,这种转换非常常见,尤其对于那些需要在电视、网络平台或多媒体...
In the production of computer ...pictures of three dimensional objects, one stage of the calculation is the determination of the intensity of a given object once its visibility has been established.
"Pictures.rar"这个压缩包文件可能包含了关于如何个性化Visual Studio编辑器界面的图像教程,特别关注了修改编辑器背景这一主题。Visual Studio是一款由Microsoft开发的集成开发环境(IDE),广泛用于C++等编程语言...
Valid pictures Valid pictures Valid pictures Valid pictures Valid pictures Valid pictures