SelectMenu是一款菜单框架,可以帮助用户在设计软件、设计网站的时候添加菜单功能,现在很多软件都是提供菜单功能,用户打开菜单就可以找到相关的功能导航,从而快速调用自己需要的功能,如果你需要快速设计菜单就可以选择SelectMenu帮助你配置样式方案,软件可以设计右键打开类型的菜单样式,可以设计嵌入网页的菜单样式,可以设计搜索显示菜单列表的样式,可以设计高级数据组的菜单样式,大部分菜单类型都可以通过这款软件设计,让用户可以快速部署自己需求的菜单,无论是开发软件还是设计网站都可以通过SelectMenu设计菜单!
SelectMenu软件功能
1、SelectMenu 插件基于jQuery 1.x 功能库进行开发
2、插件界面简洁,不需要修改样式即可方便地在各种UI中使用
3、数据源除使用固定格式的Json数据之外,也可使用动态获取的方式,对菜单的项目进行动态设置
4、常规的菜单展现形式,展示菜单项目,可使用链接跳转或回调处理的执行结果
5、高级菜单模式中,菜单支持快速搜索、可多分组展示数据(Tabs)、可设置菜单显示高度等
6、SelectMenu 提供了大量可配置参数,让菜单灵活的适用于各种使用场景
7、在高级模式中,菜单的项目可允许多个项目被选中
8、菜单项目的选择,可使用键盘作进行导航、选择等作,提高作效率
9、支持国际化多语言切换,在国际化的项目中可快速应用
SelectMenu软件特色
jQuery插件
简单的样式界面,可以适应大多数UI环境
通过输入自动完成功能快速搜索项目
多个组数据使用选项卡形式显示
使用键盘快速浏览和选择
在高级菜单模式下的多个选择项
使用静态数据类型或动态数据作为菜单数据源
使用鼠标右键单击以调用菜单
i18n支持
丰富的设置参数
浏览器晚饭IE8 +,chme,Firefox
SelectMenu插件预览
常规菜单模式
进阶选单模式
高级菜单模式(多个组数据)
SelectMenu使用说明
data 菜单数据源
类型:array | function
默认值:无默认值,该参数为必填参数
使用方式:
数据源共分三种格式:常规菜单格式,多功能菜单格式(单组格式、分组格式)
常规菜单格式
多功能菜单格式,单组数据格式
多功能菜单使用的示例数据格式
数据格式与常规菜单模式的固定格式不同,该模式下,字段的名称、数量可以完全自定义
并通过设置keyField、showField、searchField等参数进行指定具体使用的数据节点
多功能菜单格式,多分组格式
多分组格式数据,要求数据必须按照以下格式设置
但list节点内的数据,与不分组的数据格式一样,可以自由定义
设置data为function时,插件可以动态获取菜单数据格式,但数据格式必须满足以上三种其中一种
showField 显示在列表中的数据字段
类型:stng
默认值:'name'
使用方式:
设置的值为data数据源中的数据字段名
keyField 数据代码列
类型:stng
默认值:'id'
使用方式:
设置的值为data数据源中的数据字段名
lang 插件语言,默认为'cn'简体中文
类型:stng
默认值:'cn'
使用方式:
可设置的语言
searchField 查询关键字字段
类型:stng
默认值:无
使用方式:
查询字段,设置具体查询的字段,不设置则默认使用showField设置的字段
multiple 多选模式
类型:boolean
默认值:false
使用方式:
设置插件选择模式,默认为单选模式
search 是否显示快速搜索输入框
类型:boolean
默认值:true
使用方式:
设置插件是否显示快速搜索输入框
仅在多功能菜单模式下可用
title 标题栏文本
类型:stng | boolean
默认值:'SelectMenu'
使用方式:
设置标题栏显示的文本内容,设置为false时,关闭标题栏
regular 常规菜单模式
类型:boolean
默认值:false
使用方式:
设置菜单为常规菜单模式,所谓常规菜单模式,即为显示菜单项目,可以链接跳转,可以执行回调,但菜单本身没有其它更多的功能
ghtClick 鼠标右键触发模式
类型:boolean
默认值:false
使用方式:
设置插件的打开模式为在指定的区域中点击鼠标右键,插件的默认展开方式为按钮或链接等对象点击后触发
arw 在弹出式菜单的模式下(非嵌入式,非鼠标右键模式),是否显示箭头
类型:boolean
默认值:false
使用方式:
设置插件是否在菜单上增加箭头,并指向打开菜单的父对象的气泡展示方式
在嵌入式embed:true或鼠标右键ghtClick:true模式下无效
近期热门