左右列表联系jQuery插件

左右列表联系jQuery插件源码下载

看看谁在用

查看文件目录结构

文件大小:0.39M

素材分类:插件-选择和筛选

更新时间:2022-06-08

实用的左右列表联系jQuery插件,点击连线可以删除连线;可以将线连接到连线之上。
var obj2 = $("#aaa2").svgLine({
            //列表中选项的尺寸(支持sm、md、lg)
            size:'md',
            //皮肤,默认只支持green
            skin:'green',
            //左边列表标题
            headerLeft:'MODULE1',
            headerRight:'MODULE2',
            //选项中文名称的字段名
            name:'name',
            //选项的唯一标识的字段名,
            key:'key',
            //左边列表选项
            leftList:[
                {name:'天',key:'t',disable:true,icon:'fa fa-bandcamp'},{name:'雨',key:'y'},{name:'大陆',key:'dl'},{name:'山花',key:'sh'},{name:'赤日',key:'cr'}
                ],
            rightList: [
                {name:'地',key:'d'},{name:'风',key:'f'},{name:'长空',key:'ck'},{name:'苍穹',key:'cq'},{name:'海树',key:'hs'}
            ],
            //映射关系
            mapping:{'sh':'hs','cr':'cq','t':'d','y':'f','dl':'ck'},
            width:'600px',
            //选择映射时回调
            onSelect:function(l1,l2){
                appendMsg($("#msg"),"您连接了"+l1+"和"+l2);
            },
            //删除映射时回调
            onCancle:function(l1,l2){
                appendMsg($("#msg"),"您取消了"+l1+"和"+l2);
            },
        });
        //触发宽度重置
        obj2.resize(宽度);
        //获得数据
        alert(JSON.stringify(obj2.getData()));

左右列表联系jQuery插件

正在加载文件目录...

try混搭 下载了 此素材
弘道 收藏了 此素材
陌尘 下载了 此素材
下载了 此素材
spphia 下载了 此素材
BACKCATMAN 收藏了 此素材
闻识 下载了 此素材
fxl 下载了 此素材
遥望 下载了 此素材
禅茶 下载了 此素材

也许你还喜欢

  1. jQuery HTML5 Canvas连线
  2. jquery滑动特效分页插件paging.js
  3. js苹果手机密码解锁特效
  4. 支持搜索下拉框插件vanilla-select.js
  5. jQuery问卷答题插件多步骤
  6. 无刷新jQuery图片排序分组插件
  7. 创意css3水滴分页样式
  8. 点击input出现下拉树菜单
css事件预约表格table
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备20015882号-5
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器