下拉分页控件 支持下拉,分页,键盘操作等功能
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个边角显示对话框