左右列表联系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插件

正在加载文件目录...

也许你还喜欢

  1. jQuery HTML5 Canvas连线
  2. js自动生成列表首字母导航
  3. jQuery影院选座订座插件代码
  4. Bootstrap搜索无刷新结果补全插件
  5. 百度地图api搜索地址定位
  6. 开宝箱抽奖CSS3动画代码
css事件预约表格table
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备20015882号-5
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器