SelectPage v1.2 发布,多功能下拉分页选择插件 - 开源中国社区
Float_left Icon_close
SelectPage v1.2 发布,多功能下拉分页选择插件
TerryZ 2017年08月09日

SelectPage v1.2 发布,多功能下拉分页选择插件

TerryZ TerryZ 发布于2017年08月09日 收藏 37

阿里云高性能云服务器,2折起! >>> >>>  

更新内容:

  • 修复界面上排版内容较少时,列表会向上展示开的问题

  • 增加多选模式下的控制按钮区域,功能:“全选本页”、“取消本页”、“清空全部”

  • 修复最大宽度下超出父容器的宽度问题

  • 修复ajax模式报错的问题

  • 增加ajax_success请求成功后的数据处理回调

插件介绍:

多功能下拉选择插件

功能特点

  • 基于jQuery、Bootstrap2、3开发

  • 输入自动查找

  • 列表结果分页展示

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

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

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

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

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

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

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

引用来自“红星xx”的评论

项目不错 ,UI很丑 。UI像刚学html css的时候写的 。 同类型 项目有个 select2 , select2 之前的有个版本 3.x 的 classic皮肤就很不错 。新版本的也很丑。
美丑本无错,各花入各眼,对于UI风格上只是尽可能往Bootstrap2,3的默认风格上靠,简洁直观

在UI上,我自己的感觉也是BS2那种有立体感的风格比较漂亮,到了BS3变成了扁平风格也有难以接受,BS4就更加惨不忍睹。

究其原因,我个人感觉是BS开发团队已经不希望在“好看”这方面再花精力,而是把精力投入到功能上,比如BS3的移动端优先,更好的网格系统;BS4更是出现了Flexbox这样划时代的布局方式,每一步的升级不仅提升了功能更提升了性能,而样式定制更多的留给了使用者去按需扩展

作为一个插件,无法预知使用者的UI框架使用的是什么,用了什么皮肤,使用了插件好歹也要在样式上做点简单的适配,事事岂能尽如人意

诚然在UI界面上SelectPage做得不理想,我会继续优化,但我没办法接受你这样一来就上帝视角的来一句”像刚学HTML CSS的“
最新评论
2

引用来自“红星xx”的评论

项目不错 ,UI很丑 。UI像刚学html css的时候写的 。 同类型 项目有个 select2 , select2 之前的有个版本 3.x 的 classic皮肤就很不错 。新版本的也很丑。
美丑本无错,各花入各眼,对于UI风格上只是尽可能往Bootstrap2,3的默认风格上靠,简洁直观

在UI上,我自己的感觉也是BS2那种有立体感的风格比较漂亮,到了BS3变成了扁平风格也有难以接受,BS4就更加惨不忍睹。

究其原因,我个人感觉是BS开发团队已经不希望在“好看”这方面再花精力,而是把精力投入到功能上,比如BS3的移动端优先,更好的网格系统;BS4更是出现了Flexbox这样划时代的布局方式,每一步的升级不仅提升了功能更提升了性能,而样式定制更多的留给了使用者去按需扩展

作为一个插件,无法预知使用者的UI框架使用的是什么,用了什么皮肤,使用了插件好歹也要在样式上做点简单的适配,事事岂能尽如人意

诚然在UI界面上SelectPage做得不理想,我会继续优化,但我没办法接受你这样一来就上帝视角的来一句”像刚学HTML CSS的“
0
项目不错 ,UI很丑 。UI像刚学html css的时候写的 。 同类型 项目有个 select2 , select2 之前的有个版本 3.x 的 classic皮肤就很不错 。新版本的也很丑。
0

引用来自“清空晓白”的评论

@TerryZ 这个select page的idea真不错。
对于使用,我总共有两个问题:
1. 如果能用table的形式展示会更好,对于使用人员,能比较清晰有序地看到自己需要的内容。
2. 对于多选,能提供行选择的方式吗?(选择1,3,5行记录) 目前我测试使用,只能看到全选某一页。

引用来自“TerryZ”的评论

1.使用Grid来作为数据的展现实现那就是另外一种类型插件了,属于Grid一系的插件
2.多选模式下,点击某一行就是选中某一行

引用来自“清空晓白”的评论

1.使用Grid来作为数据的展现实现那就是另外一种类型插件了,属于Grid一系的插件
--> 有和这个一样的grid插件推荐吗?
2.多选模式下,点击某一行就是选中某一行
-->选了一行就关掉了,然后必须重新打开再去选,稍微有点麻烦。
1.EasyUI的ComboGrid
2.点击后不关闭列表的功能已经开发完,下个版本才会上
0

引用来自“清空晓白”的评论

@TerryZ 这个select page的idea真不错。
对于使用,我总共有两个问题:
1. 如果能用table的形式展示会更好,对于使用人员,能比较清晰有序地看到自己需要的内容。
2. 对于多选,能提供行选择的方式吗?(选择1,3,5行记录) 目前我测试使用,只能看到全选某一页。

引用来自“TerryZ”的评论

1.使用Grid来作为数据的展现实现那就是另外一种类型插件了,属于Grid一系的插件
2.多选模式下,点击某一行就是选中某一行
1.使用Grid来作为数据的展现实现那就是另外一种类型插件了,属于Grid一系的插件
--> 有和这个一样的grid插件推荐吗?
2.多选模式下,点击某一行就是选中某一行
-->选了一行就关掉了,然后必须重新打开再去选,稍微有点麻烦。
0

引用来自“清空晓白”的评论

@TerryZ 这个select page的idea真不错。
对于使用,我总共有两个问题:
1. 如果能用table的形式展示会更好,对于使用人员,能比较清晰有序地看到自己需要的内容。
2. 对于多选,能提供行选择的方式吗?(选择1,3,5行记录) 目前我测试使用,只能看到全选某一页。
1.使用Grid来作为数据的展现实现那就是另外一种类型插件了,属于Grid一系的插件
2.多选模式下,点击某一行就是选中某一行
0
@TerryZ 这个select page的idea真不错。
对于使用,我总共有两个问题:
1. 如果能用table的形式展示会更好,对于使用人员,能比较清晰有序地看到自己需要的内容。
2. 对于多选,能提供行选择的方式吗?(选择1,3,5行记录) 目前我测试使用,只能看到全选某一页。
0

引用来自“清空晓白”的评论

select page 能不能实现,表格展示多了数据。这里不能截图。

https://www.primefaces.org/primeui/#overlaypanel

引用来自“TerryZ”的评论

你想说的是多列数据吧?对于行显示文本的内容,可以通过formatItem的回调来自定义显示,具体情况可参考实例:
https://terryz.github.io/demo.html
页面上的“项目显示文本自定义”模块
这个的确是多列数据的一种解决方法。
有没有可以直接展示成表格形式,有表头,因为在实际场景中,有需要这种类型的combobox。

这种实现起来困难吗?
0

引用来自“清空晓白”的评论

select page 能不能实现,表格展示多了数据。这里不能截图。

https://www.primefaces.org/primeui/#overlaypanel
你想说的是多列数据吧?对于行显示文本的内容,可以通过formatItem的回调来自定义显示,具体情况可参考实例:
https://terryz.github.io/demo.html
页面上的“项目显示文本自定义”模块
0
select page 能不能实现,表格展示多了数据。这里不能截图。

https://www.primefaces.org/primeui/#overlaypanel
0

引用来自“michaely”的评论

如果说用户没有选择SelectPage,那一定是UI太丑了...

引用来自“TerryZ”的评论

此话怎讲。。

引用来自“michaely”的评论

建议找美工设计下UI,功能不错,就是UI上无法和现有的系统融合。
对于插件,除了满足功能,在样式上尽可能做到简洁明了,拿到具体的项目中使用,通常都要做一定的样式适配

SelectPage所设置的默认风格,与Bootstrap的默认风格保持一致,就好比大家使用Bootstrap这个UI框架,没有多少人是直接拿它的默认样式来作为项目的UI主风格,无非是以下几种处理方案

1.在原生样式上进行简单扩展
2.美工出具一套样式皮肤
3.使用Bootstrap生态的收费皮肤

在这方面我个人对于插件样式的看法也是这样
0

引用来自“michaely”的评论

如果说用户没有选择SelectPage,那一定是UI太丑了...

引用来自“TerryZ”的评论

此话怎讲。。
建议找美工设计下UI,功能不错,就是UI上无法和现有的系统融合。
0

引用来自“michaely”的评论

如果说用户没有选择SelectPage,那一定是UI太丑了...
此话怎讲。。
0
如果说用户没有选择SelectPage,那一定是UI太丑了...
顶部