一个简单风格且功能强大的选择器，包括ajax远程数据、自动完成、分页、标记、i18n和键盘导航功能
Posted
tags:
中文标题：一个简单风格且功能强大的选择器，包括ajax远程数据、自动完成、分页、标记、i18n和键盘导航功能 原文标题：A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features 项目评级：Star:728 Fork:195 下载地址：https://github.com/TerryZ/SelectPage 详情介绍选择页面
一个风格简单、功能强大的jQuery插件，包括ajax远程数据、自动完成、分页、标记、i18n和键盘导航功能
示例和文档
资源管理器打开
简体中文文档
Vuejs版本：v-selectpage
特征
浏览器支持
<表格>
IE/边缘 火狐 铬 Safari浏览器 歌剧
插件预览
带标记的多选表单
常规选择模式（单选）
仅列出（分页栏关闭，禁止键入以快速搜索，仅选择）
安装
下载上次发布的SelectPage插件zip文件，或单击我下载SelectPage
或使用NPM
用法
正如您在演示页面中看到的，您需要包括：
包括文件
HTML输入元素集
SelectPage插件只需要在页面中放置一个输入标记
Javascript初始化插件
随时间推移的观星者
选项
插件初始化选项
数据
数据源（字符串：ajax搜索URL |对象：JSON格式数组）
插件语言
<表格>
代码 语言
倍数
是否为多选模式（使用标签模式）
标页码
寻呼与否
列表大小
列表显示项目数，其他项目显示在滚动条中，仅适用于pagination : false
多路控制条
是否启用多选模式控制按钮区域，仅在multiple: true时工作
最大选择限制
多选模式下的最大选择数，0不受限制
选择关闭列表
是项目选择后的关闭列表，仅适用于multiple:true
initRecord（初始记录）
插件的初始值，该值将与option.keyField字段匹配，如果匹配，将自动选择并突出显示
数据库表
使用此参数可以在服务器端（ajax）模式下设置相应的数据表名称
关键字字段
值字段，通常该字段的内容将自动保存在隐藏域中
showField（显示字段）
结果用于显示属性的名称
search字段
查询字段，当数据源为服务器端模式时设置服务器端查询字段，如果未设置选项的默认使用。showField
和或
多关键字搜索类型（“AND”或“or”）
订购人
结果数据排序类型，默认使用showField指定的字段
页面大小
每页的记录数
参数
发送服务器端数据源（ajax）的请求参数
formatItem格式项
列表项显示内容格式
焦点下拉列表
当输入框获得焦点时，删除列表
自动选择第一个
是否自动选择列表中的第一项（进入关键字查询模式，直接使用鼠标不触发）
自动填充结果
是否自动填充内容，如果列表项目高亮显示，则在远离控件的焦点处，自动为所选内容设置项目
无结果清除
输入要查询的关键字并且没有项目匹配，当焦点离开插件时，是否清除输入关键字
仅选择
仅选择模式，输入框不能输入任何单词
输入延迟
输入关键字查询延迟，在服务器端工作（ajax）模式
电子选择
项目选择回调
e打开
显示结果列表前回调
eAjax成功
在服务器端模式中，这是请求成功时的回调函数，回调的作用是自定义处理返回数据
例如，服务器端返回数据
eAjaxSuccess要求的数据格式
则eAjaxSuccess代码，例如以下
电子标签删除
当multiple : true时，此回调函数用于关闭标记
API
选择页面清除
清除所有选定项目
选择页面刷新
刷新插件所选项目信息
选择页面数据
更改插件数据源，仅适用于json数据源模式
选择页面已禁用
获取插件禁用状态或将插件状态设置为disabled/enabled
选择页面文本
获取插件所选项目文本
选择页面选择数据
获取所选项目的原始数据
许可证