0 Star 0 Fork 18

web-front / SelectMenu

forked from TerryZ / SelectMenu 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

SelectMenu

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

状态

travis ci npm version license



入门指南、DEMO、文档

插件官方首页(入门指南、DEMO、文档):

中文官网

英文官网

如果您觉得项目还不错,还请给项目( Github / 码云 )加个Star,同时欢迎Follow Github个人主页



插件运行效果预览

常规菜单模式

SelectMenu1

高级菜单模式

SelectMenu2

高级菜单多分组数据模式

SelectMenu3





功能特点

  • 基于 jQuery1.x 开发, jQuery2和3的版本未经测试

  • 简洁清爽的界面,可适应大多数UI环境

  • Autocomplete输入自动查找功能

  • 结果列表多分组(Tabs)展示

  • 允许使用静态数据或动态获取数据的数据源

  • 使用键盘快速导航、选择等操作

  • 高级模式下支持多项目被选中

  • 支持鼠标右键呼出菜单模式

  • 丰富的参数设置及功能API调用

浏览器兼容:IE8+、Chrome、Firefox等

插件基于jQuery开发,可即插即用于多数UI环境



怎么使用SelectMenu

Github码云 上下载最新版本,解压后并放入需要使用的项目中

引用文件

<!-- 基础环境引用说明 -->
<!-- jQuery功能库引用 -->
<script type="text/javascript" src="jquery.min.js" >< /script>
 
<!-- SelectMenu插件样式引用 -->
<link rel="stylesheet" href="selectmenu.css" type="text/css">
 
<!-- SelectMenu插件核心脚本 -->
<script type="text/javascript" src="selectmenu.js" >< /script>

HTML代码

<!-- 设置触发菜单打开对象,在此仅为最常用的按钮为例 -->
<button type="button" id="btnDemo">Select Menu</button>

脚本初始化插件

//定义数据源
//数据格式:Array[{Object},{...}]
var data = [
    {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},
    {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},
    {id:3 ,name:'Detroit Pistons',desc:'底特律活塞'},
    {id:4 ,name:'Indiana Pacers',desc:'印第安纳步行者'}
];
//初始化插件
$('#btnDemo').selectMenu({
    showField : 'desc',
    keyField : 'id',
    data : data
});
The MIT License (MIT) Copyright (c) 2017 TerryZ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

简洁、易用、多样的菜单解决方案 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/web-front/SelectMenu.git
git@gitee.com:web-front/SelectMenu.git
web-front
SelectMenu
SelectMenu
master

搜索帮助