强大的jquery下拉分页选择插件SelectPage A Simple style and powerful selection plugin

下拉分页控件 支持下拉,分页,键盘操作等功能

1.基本初始化 获得选中文本,清除选中,修改选中,禁用/启用

2.仅选择模式 只读(不允许输入),关闭分页,列表高度

3.设置初始化选中项目 初始选中,多查询条件,多排序

多关键字联合查询演示
在输入框中输入“湖 火”,两个字之间有一个半角空格,请观察在输入“湖”和“湖 火”两种情况下结果列表的展示内容。 当前设置了andOr : 'OR'即是希望结果集找到包含“湖”或“火”两个关键字的内容

4.项目显示文本自定义 显示内容格式化,关闭下拉按钮

5.多项选择模式 多选模式(标签形式),多选初始化设置

6.多项选择模式限制最大选中项目 点击不关闭列表,限制最多选中个数

7.事件回调处理 项目选中回调

8.Ajax请求服务端数据模式 服务端数据模式(ajax),服务端请求参数,请求完成的数据处理回调,服务端模式的初始化

静态页面无法展示ajax服务端数据读取,敬请参考代码使用

服务端需要接收处理的参数

pageNumber
当前页号
pageSize
每页显示记录数
searchTable
查询的数据表,此字段可根据具体需求指定,默认设置'tbl'
andOr
插件初始化的参数,该参数会被传递到服务端,通常只有“AND”或者“OR”两种值,按需进行设置、获取
orderBy
排序字段,默认获得searchField指定的字段进行排序,默认排序顺序为“ASC”
xxx
autocomplete模糊查询字段,通常该字段获取showField属性指定的字段,若在服务端用于接收的变量名与返回的字段不同,可用该字段进行接收
例如: 服务端返回的显示字段是name,则用于接收模糊查询的字段是userName,则需要在插件中设置searchField='userName',即可完成配对
searchKey
ajax模式中用于获得初始化选中项目的查询字段,默认自动获得keyField指定的字段
searchValue
ajax模式中用于获得初始化选中项目的id值字段,本字段与searchKey字段组合后,可以在服务端的SQL查询中拼接出“where searchKey = searchValue”或“where searchKey in (searchValue)”

ajax初始化选中值需要使用的字段 服务端接收的参数

  • searchKey 服务端查询的ID字段,进行完整匹配
  • searchValue 具体查询的ID值,如果多个则会以“,”隔开,服务端接收后需要手动进行分割
  • searchTable 查询表指定,通常不需要使用,作为备用字段

ajax读取分页数据需要使用的字段 服务端接收的参数

  • pageNumber 当前分页号
  • pageSize 每页记录数
  • searchTable 要查询的数据表
  • xxx showField或searchField指定的字段名,用于实际模糊查询的字段
  • andOr 查询的与或条件,按需传递
  • orderBy 排序字段,通常取自searchField

提示 根据这一份服务端处理代码,就需要在插件初始化时指定searchField : "userName",若不指定,则会默认传递"name"字段,导致服务端接收不到模糊查询的内容

9.动态修改数据源 动态修改数据源(服务端模式不支持)

10.数据联动 多功能同时使用案例

服务端数据模式的联动

  • 服务端模式的 SelectPage 进行联动与静态模式的区在于数据过滤处理在服务端处理
  • 初始化城市选择器时,需要处理请求数据,返回空列表
  • 需要在选择省份后,在回调里清空城市选择器中已选中的项目

与其它插件的联动 SelectMenu、bDialog等

SelectMenu

简洁、易用、多样的菜单解决方案

bDialog

可多层嵌套、高定制化的模态窗口,包含有多种使用形式

  • Modal 模态弹出窗口,可以拥有独立上下文的窗口
  • Alert 消息提示对话框
  • Mask 显示一个全屏遮罩
  • Toast 边角信息提示对话框,可以在屏幕的8个边角显示对话框