layui穿梭框transfer给右边value赋值,得到transfer右边的值

一、红色框里面的value就是右侧框里面的值,它要求是一个字符串数组,最关键的是它里面的值是parseData 里面value的值

二、得到右边的值

 

1、在划横线的两处地方调用了transfer.getData()。getData这个变量是在上面先定义了的。

2、loginName这个变量是可以自己随意加的,你加的话那么你得到的getData数据里面就会有这个属性和对应的值。但是value和title这两个不可以更改。

  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
layui 穿梭Transfer)是一个用于在两个列表之间移动数据的组件。它可以通过前后端的交互来获取和更新数据。下面是两种实现数据交互的方法: 1. 后端获取数据:通过后端接口获取数据,并将数据传递给穿梭组件。在后端,你可以使用任何你熟悉的编程语言和架来实现数据的获取和处理。在前端,你需要使用 layui穿梭组件,并通过 AJAX 请求将数据传递给后端接口。具体的实现步骤如下: - 在前端页面中,创建一个 div 元素,并设置一个唯一的 id,用于放置穿梭组件。 - 在后端,创建一个接口用于获取数据。你可以使用任何你熟悉的后端架来实现这个接口。 - 在前端的 JavaScript 代码中,使用 layui穿梭组件,并通过 AJAX 请求将数据传递给后端接口。 - 在后端接口中,获取请求中的数据,并进行相应的处理。然后将处理后的数据返回给前端。 - 在前端的 JavaScript 代码中,接收后端返回的数据,并将数据传递给穿梭组件进行展示。 以下是一个示例代码: ```html <div id="test4" class="demo-transfer"></div> ``` ```javascript layui.use(['transfer'], function(){ var transfer = layui.transfer; // 通过 AJAX 请求获取数据 $.ajax({ url: 'your_backend_api_url', type: 'GET', success: function(res){ // 将数据传递给穿梭组件 transfer.render({ elem: '#test4', data: res.data // 假设后端返回的数据为 {data: []} }); } }); }); ``` 2. 前端获取数据:在前端页面中,你可以直接定义一个数组来存储数据,并将数据传递给穿梭组件。具体的实现步骤如下: - 在前端页面中,创建一个 div 元素,并设置一个唯一的 id,用于放置穿梭组件。 - 在前端的 JavaScript 代码中,定义一个数组来存储数据,并将数据传递给穿梭组件进行展示。 以下是一个示例代码: ```html <div id="test4" class="demo-transfer"></div> ``` ```javascript layui.use(['transfer'], function(){ var transfer = layui.transfer; // 定义数据数组 var data = [ {value: '1', title: '选项1'}, {value: '2', title: '选项2'}, {value: '3', title: '选项3'} ]; // 将数据传递给穿梭组件 transfer.render({ elem: '#test4', data: data }); }); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值