jquery.autocomplete 插件扩展滚动条加载更多

最新推荐文章于 2022-09-13 10:07:40 发布

Jarvis-Li

最新推荐文章于 2022-09-13 10:07:40 发布

阅读量5.7k

点赞数 2

分类专栏： javascript asp.net 文章标签：插件 jquery autocomplete 加载更多

本文链接：https://blog.csdn.net/spyking945/article/details/44775827

版权

本文介绍了如何扩展jQuery.autocomplete插件，增加了粘贴文本自动加载、滚动到底部加载更多数据、与页面插件联动更新数据以及为隐藏域赋值等功能。在启用滚动加载更多数据时，需要配置scroll和pagingMore参数，并注意分页的一个小bug。作者提供了修改后的文件下载链接，欢迎测试并分享可能存在的问题。

摘要由CSDN通过智能技术生成

项目中用到autocomplete插件,但是插件的原有功能,不能满足项目全部需求所以修改了增加了以下几点功能:

1 粘贴文本自动加载数据

2 滚动条滚动到底部加载更多数据

3 与页面插件联动更新数据(清除缓存)

4 增加插件赋值给一个隐藏域,就可以得到文本和值 (做asp.net的用起来比较方便)

如果要启用滚动条加载更多数据

配置参数时加上

scroll:true,

pagingMore:true

在加载更多时请求的url参数会有一个page的参数

它标识当前请求的是第几页数据

ps(这个分页有一个小bug 假如总数据量正好是分页个数的倍数,当请求最后一页,它不能识别是否有下一页,所以可以再次请求下一页,由于时间原因我没有做改进,不影响正常使用)

调用代码

$(document).ready(function () {      
    var $Text = //显示文本框  
    var $Value = //存值文本域  
    var $TxtBtnOrg = //联动控件1  
    var $UserGroup = //联动控件2
       
    $Text.autocomplete("../Ajax/AutoCompleteAjax.ashx", {