LayUI中的内置模块之穿梭框组件文档 - layui.transfer

最新推荐文章于 2023-07-25 15:30:47 发布

daimeijin

最新推荐文章于 2023-07-25 15:30:47 发布

阅读量2.1k

点赞数

分类专栏： LayUI 文章标签： layui

本文链接：https://blog.csdn.net/daimeijin/article/details/119703066

版权

本文档主要介绍了LayUI中的穿梭框组件，包括它的快速使用、基础参数、数据源格式解析、左右穿梭回调、基础方法、获取右侧数据及实例重载等关键功能。适合后台开发者学习和使用。

摘要由CSDN通过智能技术生成

前言

最近在准备找工作的事项，但是作为一个后台也是需要了解一些前端框架的。就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。查阅资料后得到如下文章，作为学习记录使用。

穿梭框组件文档

穿梭框组件的初衷来源于 layui 社区的扩展组件平台，并且在 layui 2.5.0 的版本中开始登场。其适用的业务场景多样，不妨一试。
模块加载名称：transfer

快速使用

transfer 组件可以进行数据的交互筛选

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>穿梭框组件</title>
  <link rel="stylesheet" href="../src/css/layui.css">
</head>
<body>
  <div id="test1"></div>
  <script src="../src/layui.js"></script>
  <script>
  layui.use('transfer', function(){
    var transfer = layui.transfer;
   
    //渲染
    transfer.render({
      elem: '#test1'  //绑定元素
      ,data: [