一个使用jquery实现的穿梭框插件
基本用法:
选项过滤:
- jquery
- bootstrap(依赖bootstrap部分样式)
$('#container').transfer({
soruce:'#source',
target:'#target'
});
参数名 | 说明 | 默认值 |
---|---|---|
itemTpl | 每个选项模板内容 | |
source | 第一个下拉框选择器 | select:first |
sourceTtitle | 列表标题 | 列表1 |
target | 第二个下拉框选择器 | select:last |
targetTitle | 列表标题 | 列表2 |
iconPrefix | 字体图标前缀 | iconfont |
iconSearch | 搜索图标 | icon-search |
iconLeft | 向左图标 | icon-arrow-left |
iconRgiht | 向右图标 | icon-arrow-right |
- 插件样式采用了ElementUI的穿梭框插件样式
- 感谢bootstrap-transfer插件为开发提供了思路
author : shixinke ishixinke@qq.com
website : http://www.shixinke.com