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

jQuery之家 返回下载页

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

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个边角显示对话框