安下载编程开发

分类分类

SelectMenu(内容菜单设计组件)

SelectMenu(内容菜单设计组件)

v2.1 官方版

大小:0.04 MB 更新:2021/04/17

类别:编程工具系统:WinXP, Win7, Win8, Win10, WinAll

立即下载

  SelectMenu是一款菜单框架,可以帮助用户在设计软件、设计网站的时候添加菜单功能,现在很多软件都是提供菜单功能,用户打开菜单就可以找到相关的功能导航,从而快速调用自己需要的功能,如果你需要快速设计菜单就可以选择SelectMenu帮助你配置样式方案,软件可以设计右键打开类型的菜单样式,可以设计嵌入网页的菜单样式,可以设计搜索显示菜单列表的样式,可以设计高级数据组的菜单样式,大部分菜单类型都可以通过这款软件设计,让用户可以快速部署自己需求的菜单,无论是开发软件还是设计网站都可以通过SelectMenu设计菜单!

SelectMenu(内容菜单设计组件)

软件功能

  1、SelectMenu 插件基于jQuery 1.x 功能库进行开发

SelectMenu(内容菜单设计组件)

  2、插件界面简洁,不需要修改样式即可方便地在各种UI中使用

SelectMenu(内容菜单设计组件)

  3、数据源除使用固定格式的Json数据之外,也可使用动态获取的方式,对菜单的项目进行动态设置

SelectMenu(内容菜单设计组件)

  4、常规的菜单展现形式,展示菜单项目,可使用链接跳转或回调处理的执行结果

SelectMenu(内容菜单设计组件)

  5、高级菜单模式中,菜单支持快速搜索、可多分组展示数据(Tabs)、可设置菜单显示高度等

SelectMenu(内容菜单设计组件)

  6、SelectMenu 提供了大量可配置参数,让菜单灵活的适用于各种使用场景

SelectMenu(内容菜单设计组件)

  7、在高级模式中,菜单的项目可允许多个项目被选中

SelectMenu(内容菜单设计组件)

  8、菜单项目的选择,可使用键盘操作进行导航、选择等操作,提高操作效率

SelectMenu(内容菜单设计组件)

  9、支持国际化多语言切换,在国际化的项目中可快速应用

SelectMenu(内容菜单设计组件)

软件特色

  jQuery插件

  简单的样式界面,可以适应大多数UI环境

  通过输入自动完成功能快速搜索项目

  多个组数据使用选项卡形式显示

  使用键盘快速浏览和选择

  在高级菜单模式下的多个选择项

  使用静态数据类型或动态数据作为菜单数据源

  使用鼠标右键单击以调用菜单

  i18n支持

  丰富的设置参数

  浏览器晚饭IE8 +,chrome,Firefox

插件预览

  常规菜单模式

SelectMenu(内容菜单设计组件)

  进阶选单模式

SelectMenu(内容菜单设计组件)

  高级菜单模式(多个组数据)

SelectMenu(内容菜单设计组件)

使用说明

  data 菜单数据源

  类型:array | function

  默认值:无默认值,该参数为必填参数

  使用方式:

  数据源共分三种格式:常规菜单格式,多功能菜单格式(单组格式、分组格式)

  常规菜单格式

SelectMenu(内容菜单设计组件)

  多功能菜单格式,单组数据格式

  多功能菜单使用的示例数据格式

  数据格式与常规菜单模式的固定格式不同,该模式下,字段的名称、数量可以完全自定义

  并通过设置keyField、showField、searchField等参数进行指定具体使用的数据节点

SelectMenu(内容菜单设计组件)

  多功能菜单格式,多分组格式

  多分组格式数据,要求数据必须按照以下格式设置

  但list节点内的数据,与不分组的数据格式一样,可以自由定义

SelectMenu(内容菜单设计组件)

  设置data为function时,插件可以动态获取菜单数据格式,但数据格式必须满足以上三种其中一种

  showField 显示在列表中的数据字段

  类型:string

  默认值:'name'

  使用方式:

  设置的值为data数据源中的数据字段名

  keyField 数据代码列

  类型:string

  默认值:'id'

  使用方式:

  设置的值为data数据源中的数据字段名

  lang 插件语言,默认为'cn'简体中文

  类型:string

  默认值:'cn'

  使用方式:

  可设置的语言

SelectMenu(内容菜单设计组件)

  searchField 查询关键字字段

  类型:string

  默认值:无

  使用方式:

  查询字段,设置具体查询的字段,不设置则默认使用showField设置的字段

  multiple 多选模式

  类型:boolean

  默认值:false

  使用方式:

  设置插件选择模式,默认为单选模式

  search 是否显示快速搜索输入框

  类型:boolean

  默认值:true

  使用方式:

  设置插件是否显示快速搜索输入框

  仅在多功能菜单模式下可用

  title 标题栏文本

  类型:string | boolean

  默认值:'SelectMenu'

  使用方式:

  设置标题栏显示的文本内容,设置为false时,关闭标题栏

  regular 常规菜单模式

  类型:boolean

  默认值:false

  使用方式:

  设置菜单为常规菜单模式,所谓常规菜单模式,即为显示菜单项目,可以链接跳转,可以执行回调,但菜单本身没有其它更多的功能

  rightClick 鼠标右键触发模式

  类型:boolean

  默认值:false

  使用方式:

  设置插件的打开模式为在指定的区域中点击鼠标右键,插件的默认展开方式为按钮或链接等对象点击后触发

  arrow 在弹出式菜单的模式下(非嵌入式,非鼠标右键模式),是否显示箭头

  类型:boolean

  默认值:false

  使用方式:

  设置插件是否在菜单上增加箭头,并指向打开菜单的父对象的气泡展示方式

  在嵌入式embed:true或鼠标右键rightClick:true模式下无效

更新日志

  v2.1

  修复多分组数据模式下,设置 initSelected 初始化选中项目无效的问题

  处理菜单显示层级问题

  解决动态数据模式下,多分组模式切换无效的问题

  解决高级菜单模式下,键盘向上进行项目选择时脚本报错的问题

  调整插件部分样式内容

  修复常规菜单模式下,多级菜单在 FireFox 下显示错乱的问题

  增加 eHidden 回调,可以在菜单隐藏时,执行操作

  增加 $.fn.selectMenuValues() 的API,用于获得高级模式菜单选中的项目

  修复嵌入模式并设置为单选模式、高级模式时,在选择项目后,菜单列表项目会被清空的问题

  v2.0

  增加屏幕边缘自动判断

  增加菜单打开的状态下,浏览器滚动检测边缘超出的处理

  移除多余 jQuery 表达式

  优化插件性能

  修复部分情况下对象出现错误的问题

  修复部分情况下,菜单弹出位置不正确的问题

  增加 searchField 字段,在高级菜单模式中,允许设置具体搜索的字段,而不默认使用 showField 字段

  增加 $.fn.selectMenuHide() 的 API,用于关闭菜单

  增加 $.fn.selectMenuClear() 的API,用于清空高级菜单模式下的所有选中项目

  增加 eTabSwitch 事件回调,用于在高级菜单模式且使用分组数据的情况下,响应分类(Tab)切换的事件回调

  增加多级菜单支持(常规模式菜单),理论上支持无限级别

  增加少量动画效果

精品推荐
同类推荐
相关下载
  • 最新排行
  • 最热排行
  • 评分最高
编程开发排行榜
实时热词