layui 穿梭框的实现

    layui.use(['form', 'layer', 'jquery', 'laydate', 'transfer'], function () {
        var $ = layui.jquery,
            transfer = layui.transfer;

        transfer.render({
            elem: '#transfer',
            data: [],
            value: [],
            id:'demo1',
            title: ['未分组学员', '已选学员'],
            showSearch: true,
            onchange: function (obj, index) {
                var getData = transfer.getData('demo1');
            }
        })
    });

说明：

• elem: '#transfer' 是绑定的div元素

• data: [] 是左侧初始值

•  title: ['所有学员', '已选学员'] 分别是左右穿梭框标题

• showSearch: true 表示开启搜索，设为false，数据多时不会显示滚动条

• onchange: function  左右数据穿梭时的回调

附上在线文档地址： 穿梭框组件文档 - Layui