下拉分页选择插件 SelectPage v2.0 发布,大量更新 - 开源中国社区
下拉分页选择插件 SelectPage v2.0 发布,大量更新
TerryZ 2017年08月14日

下拉分页选择插件 SelectPage v2.0 发布,大量更新

TerryZ TerryZ 发布于2017年08月14日 收藏 56

有免费的MySQL,为什么还要买? >>>  

下拉分页选择插件 SelectPage v2.0 发布了,插件更新内容:

  • 代码重构

  • 修改默认样式,使用更简洁的风格

  • 增加maxSelectLimit参数,设置多选模式下最大选择个数限制

  • 增加eTagRemove回调函数,在多选模式下,移除标签时触发的回调

  • 优化错误信息展示的交互方式

  • 增加初始化选中项目时(多选模式),允许设置多个内容,例如:data-init="1,2,3,4"

  • 修复键盘操作分页部分情况下会失效的问题

  • 增加selectToCloseList参数,用于设置在多选模式下,选择项目后不关闭列表

  • 修复selectToCloseList:false状态下,键盘操作会失去焦点,操作不连贯的问题

  • 增加$.fn.selectPageClear的API,用于清空控件所有已选中的项目

  • 增加$.fn.selectPageText的API,用于获得已选择的项目文本内容

  • 增加$.fn.selectPageData的API,用于动态修改插件数据源

  • 增加$.fn.SelectedRefresh的API,用于在使用.val()的方式修改了插件的选中项目后,刷新显示在输入框中的文本内容

  • 优化控件内部对象缓存机制

  • 去除快速使用脚本b.selectpage.js

  • 初始化入口从原来的$('').bSelectPage({})修改为$('').selectPage({})

  • 重新调整参数名称

  • 修正Bootstrap3下控件宽度、高度应用的BUG

下载地址:Source code

功能特点

  • 基于jQuery、Bootstrap2、3开发

  • 输入框输入关键字快速查找

  • 结果列表分页展示

  • 使用键盘快速操作基本功能及分页功能

  • 允许使用静态json数据源或ajax动态请求的数据源

  • 多项选择以标签(Tag)形式展现

  • 结果列表自动判断屏幕边缘,避免内容超出可视范围

  • 丰富的参数设置及功能API调用

浏览器兼容:IE8+、Chrome、Firefox等

插件基于jQuery开发,建议在Bootstrap2、3环境下使用

更多实例、文档请访问:https://terryz.github.io

默认单选模式效果图

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:下拉分页选择插件 SelectPage v2.0 发布,大量更新
分享
评论(6)
最新评论
0

引用来自“akeng”的评论

jquery 用2.x有没问题?
抱歉,没用2,3的版本
0
jquery 用2.x有没问题?
0

引用来自“hcxxiaomo”的评论

请问有跟这个类似的功能吗?jquery.autocomplete.js
就是这个:自动补全查询的功能,类似百度搜索、谷歌搜索这样的匹配功能?
这是插件最基础的功能,请访问DEMO页面了解效果

https://terryz.github.io/demo.html
0
请问有跟这个类似的功能吗?jquery.autocomplete.js
就是这个:自动补全查询的功能,类似百度搜索、谷歌搜索这样的匹配功能?
0

引用来自“hyjiacan”的评论

selectPageClear 这个命名好奇怪
selectPage是前缀,Clear说明功能:smiley:
0
selectPageClear 这个命名好奇怪
顶部