为layui穿梭框绑定实时数据的方法有很多,我这里的只是其中一个比较简单的为layui绑定实时数据的方法。 为穿梭框绑定实时肯定是先要使用到layui的穿梭框, 使用layui穿梭框的第一步,正常情况下肯定是先要加载穿梭框的模块 transfer,但如果想要实时数据绑定在穿梭框在初始化之前还需要用post请求将所需要的数据查询出来,在对layui进行加载。 在将所需要的数据查询出来并将所需要的layui模块进行加载后,就可以为想要的元素绑定穿梭框了。初始化具体如下:先设置一个盒子用于绑定穿梭框 然后再为所设置的盒子绑定并初始化穿梭框 需要注意因为transfer模块配置的参数中没有异步提交的参数,并且只有一个title 标题名称,所以如果想要标题显示多个数据就需要将多个数据拼接在一起,且如果想要穿梭框中的数据更新就需要用到同步刷新才可以更新数据。
// 频道号-穿梭框组件
getChannelIds();
function getChannelIds() {
/ 启动加载... /
var indexload = layer.load(1, {
shade: [0.1,'#fff'] //0.1透明度的白色背景
});
$.ajax({
url:"{:url('manual_execution')}",
type: 'post', // 或者POST,根据你的接口要求
dataType: 'json', // 假设返回的数据格式是JSON
data: {action:"channelIdArr"},
success: function(res){
layer.close(indexload);/ 关闭加载弹层... /
transfer.render({
elem: '#ID-transfer-demo'
,data: res
,showSearch: true
});
}
});
}
var channelValues = transfer.getData('transfer').map(function(item) {
return item.value;
});
var channelValuesString = channelValues.join(',');