1.Base initialization get selected text, clear selected, change selected, enabled/disabled

2.Select only mode readonly, close page bar, list height

3.Init selected item 初始选中,多查询条件,多排序

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

4. Item content customize customize row render, close down arrow

5. Multiple selection mode multiple (tags form), multiple selected init

6. Max item selected limit

7.Events eSelect

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. Dynamic change data source not for server side mode

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

服务端数据模式的联动

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

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

SelectMenu

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

bDialog

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

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