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 selected item in initialization, multiple sort column

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. Remote data source

Static pages can not show Ajax data load, please reference code usage

Need to receive parameters on server side

pageNumber
Current page number
pageSize
The number of records in page
searchTable
查询的数据表,此字段可根据具体需求指定,默认设置'tbl'
andOr
插件初始化的参数,该参数会被传递到服务端,通常只有“AND”或者“OR”两种值,按需进行设置、获取
orderBy
Sort field, 排序字段,默认获得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. Data linkage

Server side mode data linkage

  • The SelectPage data source difference between remote data and static json data is where to filter data
  • Initialize city selector with empty list
  • After selecting the province to clear selected item in city selector

Data linkage with other plugins SelectMenu、bDialog

SelectMenu

Simple, easily and diversity menu solution

bDialog

A multi-layer nested, highly customizable powerful dialog plugin

  • Modal
  • Alert
  • Mask
  • Toast