<body>
<div id="root"></div>
</body>
<script>
layui.config({
base: 'layui_exts/transfer/'
}).use(['transfer'],function () {
var transfer = layui.transfer,$ = layui.$;
//数据源
var data1 = [{'id':'10001','name':'杜甫','sex':'男'},{'id':'10002','name':'李白','sex':'男'},{'id':'10003','name':'王勃','sex':'男'},{'id':'10004','name':'李清照','sex':'男'}];
var data2 = [{'id':'10005','name':'白居易','sex':'男'}];
//表格列
var cols = [{type: 'checkbox', fixed: 'left'},{field: 'id', title: 'ID', width: 80, sort: true},{field: 'name', title: '用户名'},{field: 'sex', title: '性别'}]
//表格配置文件
var tabConfig = {'page':true,'limits':[10,50,100],'height':400}
var tb1 = transfer.render({
elem: "#root", //指定元素
cols: cols, //表格列 支持layui数据表格所有配置
data: [data1,data2], //[左表数据,右表数据[非必填]]
tabConfig: tabConfig //表格配置项 支持layui数据表格所有配置
})
//transfer.get(参数1:初始化返回值,参数2:获取数据[all,left,right,l,r],参数:指定数据字段)
$('.all').on('click',function () {
var data = transfer.get(tb1,'all');
layer.msg(JSON.stringify(data))
});
$('.left').on('click',function () {
var data = transfer.get(tb1,'left','id');
layer.msg(JSON.stringify(data))
});
$('.right').on('click',function () {
var data = transfer.get(tb1,'r');
layer.msg(JSON.stringify(data))
});
})
</script>
v1.2.1 2018年12月6日 11:46:42
修复未选中数据按钮能点击
v1.2 2018年12月4日 18:49:54
修复开启表格分页移动后数据消失BUG
v1.1 2018年11月29日 13:32:57
代码重构规范化