{"id":13608110,"url":"https://github.com/TerryZ/SelectPage","last_synced_at":"2025-04-12T14:31:59.537Z","repository":{"id":44730135,"uuid":"92522639","full_name":"TerryZ/SelectPage","owner":"TerryZ","description":"A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and  keyboard navigation features","archived":false,"fork":false,"pushed_at":"2022-08-19T03:09:51.000Z","size":653,"stargazers_count":740,"open_issues_count":28,"forks_count":193,"subscribers_count":32,"default_branch":"master","last_synced_at":"2025-04-03T12:11:43.103Z","etag":null,"topics":["ajax-search","autocomplete","javascript","jquery","jquery-plugin","keyboard","pagination","select-multiple","selection","selectpage","tagsinput"],"latest_commit_sha":null,"homepage":"https://terryz.github.io/selectpage","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TerryZ.png","metadata":{"files":{"readme":"README-CN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-05-26T15:11:50.000Z","updated_at":"2025-02-18T09:30:37.000Z","dependencies_parsed_at":"2022-08-20T09:22:23.772Z","dependency_job_id":null,"html_url":"https://github.com/TerryZ/SelectPage","commit_stats":null,"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FSelectPage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FSelectPage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FSelectPage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FSelectPage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TerryZ","download_url":"https://codeload.github.com/TerryZ/SelectPage/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248525138,"owners_count":21118619,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ajax-search","autocomplete","javascript","jquery","jquery-plugin","keyboard","pagination","select-multiple","selection","selectpage","tagsinput"],"created_at":"2024-08-01T19:01:24.345Z","updated_at":"2025-04-12T14:31:59.517Z","avatar_url":"https://github.com/TerryZ.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"![SelectPageLogo](https://terryz.github.io/image/logo/SelectPage.png)\n\n# SelectPage\n\n\u003e 支持autocomplete、键盘操作、分页、标签多选等多功能的选择器插件\n\n## 插件运行效果预览\n\n*多选Tags模式*\n\n![SelectPage1](https://terryz.github.io/image/SelectPage1.png \"SelectPage\")\n\n*单选模式*\n\n![SelectPage](https://terryz.github.io/image/SelectPage.png \"SelectPage\")\n\n\n## 入门指南、DEMO、文档\n\n*项目GitHub地址：*\n\n[https://github.com/TerryZ/SelectPage](https://github.com/TerryZ/SelectPage)\n\n*插件官方首页（入门指南、DEMO、文档）：*\n\n[https://terryz.github.io](https://terryz.github.io)\n\n### 如果您觉得项目还不错，还请给项目（ [Github](https://github.com/TerryZ/SelectPage) / [码云](https://gitee.com/TerryZ/selectpage) ）加个Star，同时欢迎Follow [Github个人主页](https://github.com/TerryZ)\n\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n\n## 什么是SelectPage\n\nSelectPage是一个基于jQuery开发的多功能下拉分页选择器，作为一个功能强大的表单控件，它一定会有很多缺点和不足，欢迎您 [提交](https://github.com/TerryZ/SelectPage/issues) 对项目的意见和建议，让我们一起让SelectPage变得更好\n\n### 功能特点\n\n- 基于jQuery、Bootstrap2、3开发\n- 也可应用于无任何UI框架的原生HTML环境\n- Autocomplete输入自动查找功能\n- 结果列表分页展示\n- 允许使用静态json数据源或ajax动态请求的数据源\n- 使用键盘快速操作基本功能及分页功能\n- 多项选择以标签（Tag）形式展现\n- 结果列表自动判断屏幕边缘，避免内容超出可视范围\n- 丰富的参数设置及功能API调用\n\n浏览器兼容：IE8+、Chrome、Firefox等\n\n插件基于jQuery开发，可在Bootstrap2、3环境下使用，亦可在原生无UI框架的环境下直接使用\n\n## 为什么要有SelectPage\n\n有时候我们需要有一个插件，它可以输入关键字进行快速查找，可以下拉进行选择，可以在展示大量数据时进行分页显示，可以使用键盘进行快速操作，可以适应各种UI环境，可以被灵活定制，而上述的情况就真的出现在现实项目的需求里了\n\n## 怎么使用SelectPage\n\n在 [Github](https://github.com/TerryZ/SelectPage) 或 [码云](https://gitee.com/TerryZ/selectpage) 上下载最新版本，解压后并放入需要使用的项目中\n\n### 引用文件\n\n```html\n\u003c!-- jQuery的基础脚本引用 --\u003e\n\u003cscript type=\"text/javascript\" src=\"jquery.min.js\" \u003e\u003c /script\u003e\n\n\u003c!-- 核心样式文件 --\u003e\n\u003clink rel=\"stylesheet\" href=\"selectpage.css\" type=\"text/css\"\u003e\n\n\u003c!-- 插件核心脚本 --\u003e\n\u003cscript type=\"text/javascript\" src=\"selectpage.min.js\" \u003e\u003c /script\u003e\n```\n\n### HTML页面元素设置\n\n```html\n\u003c!-- 设置文本框为插件基本元素 --\u003e\n\u003cinput type=\"text\" id=\"selectPage\" \u003e\n```\n\n### 脚本初始化插件\n\n```js\n//定义数组，在服务端返回的数据也以该格式返回：Array[{Object},{...}]\nvar tag_data = [\n    {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},\n    {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},\n    {id:3 ,name:'Detroit Pistons',desc:'底特律活塞'},\n    {id:4 ,name:'Indiana Pacers',desc:'印第安纳步行者'}\n];\n//初始化插件\n$('#selectPage').selectPage({\n    showField : 'desc',\n    keyField : 'id',\n    data : tag_data\n});\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTerryZ%2FSelectPage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTerryZ%2FSelectPage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTerryZ%2FSelectPage/lists"}