Inventory 高效库存系统中的fieldChooser插件应用指南
fieldChooser.js 是一个插件,用于从字段或值的列表(源)中选择项,并将其添加到新的列表(目标)中。该插件支持通过拖放操作,将字段从源移动到目标。字段可以是简单的HTML元素或更复杂的容器。fieldChooser.js 依赖 jQuery UI 进行拖放交互。fieldChooser 提供以下功能:
1. 多选功能:
-
支持 Shift 键连续选择;
-
支持 Control(Mac上为 Command)键不连续选择。
2. 拖放操作:
- 支持选择后拖放多个项目。
3. 键盘支持:
-
可使用上下箭头键浏览列表;
-
按住 Shift 键加箭头键进行多项选择。
依赖关系:fieldChooser.js 依赖于jQuery库进行DOM操作,确保拖放功能顺畅运行。
使用方法:
-
在HTML中创建一个
容器;初始化fieldChooser.js并指定源与目标容器;
即可实现便捷的拖放交互功能。
下载地址
用户评论