精华内容
下载资源
问答
  • Layui穿梭框使用

    千次阅读 2019-11-29 11:04:59
    Layui穿梭框的使用1.页面2.js代码3.展示 自己学习中用到了Layui穿梭框的使用; 1.页面 <body> <fieldset class="layui-elem-field layui-field-title" style=...穿梭框使用</legend> </...

    Layui穿梭框的使用


    自己学习中用到了Layui穿梭框的使用;

    1.页面

    注意:需要引入layui的layui.css和layui.all.js文件;

    <body>
    		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
      			<legend>穿梭框使用</legend>
    		</fieldset>
    		<div class="layui-btn-container">
    		  <button type="button" class="layui-btn" lay-demotransferactive="getData">获取右侧数据</button>
    		  <button type="button" class="layui-btn" lay-demotransferactive="reload">重新加载</button>
    		</div>
    		<div id="test1" class="demo-transfer" align="left"></div>
    </body>
    

    2.js代码

    <script type="text/javascript">
    		layui.use(['transfer','util'],function(){
    			var $=layui.$;
    			var transfer=layui.transfer;
    			var util=layui.util;
    			
    			//1.模拟数据
    			var data1=[
    				{"value": "1", "title": "张三"},
    				{"value": "2", "title": "李四"},
    				{"value": "3", "title": "王五","disabled": true},
    				{"value": "4", "title": "赵六"},
    				{"value": "5", "title": "王子"},
    				{"value": "6", "title": "小红"},
    				{"value": "7", "title": "小zhang","checked": true},
    			];
    			
    			//2.数据格式解析
    			  transfer.render({
    			    elem: '#test1'
    		   		,title: ['未选数据', '已选数据']//自定义标题
    			   	,width: 200 //定义宽度
    			 	,height: 300 //定义高度
    			    ,parseData: function(res){//数据参数来源data1转换处理
    			      return {
    			        "value": res.value //data1属性
    			        ,"title": res.title//data1属性
    			        ,"disabled":res.disabled // false  //是否禁用
    			        ,"checked":res.checked// false //是否选中
    			      }
    			    }
    			    ,data: data1//数据参数来源
    			    ,showSearch: true//显示搜索框
    			    ,id:"keyPro"//唯一标识
    			   	,value:['6']//用于回显或默认选中
    			  });
    			
    			//3.util监听事件
    			util.event('lay-demotransferactive',{
    				getData:function(othis){//获取右侧数据
    					var getData = transfer.getData('keyPro'); //唯一标识
    					layer.alert(JSON.stringify(getData));
    				},
    				reload:function(){//重新加载
    					transfer.reload('keyPro',{
    			       		 value: ['6']
    					});
    				}
    			});
    		})
    	</script>
    

    3.展示

    在这里插入图片描述

    4.案例

    <body>
    	<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    	 			<legend><i class="layui-icon layui-icon-util" style="font-size: 22px; color: gray;"></i>穿梭配置</legend>
    	</fieldset>
    	
    	<div id="TEST" class="demo-transfer" align="left"></div><br>
    	<div class="layui-btn-container" style="margin-left: 40%">
    	  <button type="button" class="layui-btn" lay-demotransferactive="getData">保存</button>
    	</div>	
    <script type="text/javascript">
    	 layui.use(['transfer','util','layer'],function(){
    		var $=layui.$;
    		var transfer=layui.transfer;
    		var layer = layui.layer;
    		var util=layui.util;
    		
    		//1.模拟数据
    		var demo1='${demo1}';//后台json串
    		demo1 = JSON.parse(demo1);
    		var values=new Array();
    		var demo2='${demo2}';//后台json串
    		demo2 = JSON.parse(demo2);
    		for(var i=0;i<demo2.length;i++){
    			values.push(demo2[i].demo1Id);
    		}
    		
    		//2.数据格式解析
    		  transfer.render({
    		    elem: '#TEST'
    	   		,title: ['左侧数据', '右侧数据']//自定义标题
    		   	,width: 280 //定义宽度
    		 	,height: 340 //定义高度
    		    ,parseData: function(res){//数据参数来源data转换处理
    		      return {
    		        "value": res.id //data属性
    		        ,"title": res.name//data属性
    		      }
    		    }
    		    ,data: demo1//数据参数来源
    		    ,showSearch: true//显示搜索框
    		    ,id:"keyPro"//唯一标识
    		   	,value:values  //用于回显或默认选中
    		  });
    		
    		//3.util监听事件
    		util.event('lay-demotransferactive',{
    			getData:function(othis){//获取右侧数据
    				var getData = transfer.getData('keyPro'); //唯一标识
    				var ids=new Array();
    	        	for(var i=0;i<getData.length;i++){
    	        		ids.push(getData[i].value);
    	        	}
    	        	if(ids.sort().toString()==values.sort().toString()){
    	        		return layer.msg("穿梭配置没有改变,请勿重复提交!", {icon: 5});
    	        	}
    				layer.confirm('确定要修改穿梭配置吗?',function(index){
    	        		editVerify(ids);
    	        	})
    			}
    		});
    		//提交后台
    		function editVerify(ids){
    			$.ajax({
    				type : 'POST',
    				traditional:true,
    				data : {ids:ids},
    				url : "${pageContext.request.contextPath}/autoVerify/editVerify",
    				success : function(result) {
    					var resultContent = result.msg;
    					var resultSuccess = result.success;
    					layer.open({
    						content : resultContent,
    						btn : [ '确定' ],
    						yes : function(index,layero) {
    							if (true == resultSuccess) {
    								window.location.reload();//刷新页面
    							} 
    							layer.close(index);
    						}
    					});
    				}
    			});
    		}
    	})
    </script>
    </body>
    

    在这里插入图片描述

    展开全文
  • layui 穿梭框

    2020-11-17 15:23:35
    layui 穿梭框直接代码 直接代码 Java类 属性 nteger id; String name; String status; boolean checked; layui 穿梭框 js (从后台获得列表后展示) var checkeds=[]; for(var i=0;i<res.data.length;...

    layui 穿梭框

    代码

    1. 后台类类 属性
    	nteger id;
        String name;
        String status;
        boolean checked;
    
    
    1. layui 穿梭框 js (从后台获得列表后展示)
    var checkeds=[];
                    for(var i=0;i<res.data.length;i++){
                        if(res.data[i].checked){checkeds.push(res.data[i].id);}
                    }
                    $(inputDom).val(checkeds.join(","));
                    transfer.render({
                        elem: '#roadSectionTransfer'
                        ,data: res.data
                        ,id: 'roadSectionKey'                               //定义唯一索引
                        
    					//右侧值
                        ,value:checkeds 
                        ,parseData: function(res){
                            return {
                                "value": res.id                             //数据值
                                ,"title": res.name                          //数据标题
                                ,"disabled": res.status=="DISABLE"          //是否禁用
                                ,"checked": false//res.checked             //是否选中
                                //,"loginName":"123"                        //不知道有什么用
                            }
                        }
                        ,onchange: function(obj, index){
                            //var arr = ['左边', '右边'];
                           // layer.alert('来自 <strong>'+ arr[index] + '</strong> 的数据:'+ JSON.stringify(obj)); //获得被穿梭时的数据
                            var data = transfer.getData('roadSectionKey');       //获取右侧数据
                            //layer.alert('来自 <strong>'+ arr[index] + '</strong> 的数据:'+ JSON.stringify(data)); //获得被穿梭时的数据
                            var checkIds=[];
                            for (var i = 0; i < data.length; i++) {
                                checkIds.push(data[i].value)
                            }
                            $(inputDom).val(checkIds.join(","));
                        }
                        ,title: ['所有路段', '已选路段']
                        ,showSearch: true                                   //显示搜索框
                    });
    
    
    展开全文
  • layui穿梭框组件

    2020-07-03 09:06:48
    本章给大家介绍的layui穿梭框组件。 transfer 组件可以进行数据的交互筛选: 例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>穿梭框组件</title> &...

    前言

    本章给大家介绍的layui的穿梭框组件。
    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: [        
          {"value": "1", "title": "李白", "disabled": "", "checked": ""}        ,
          {"value": "2", "title": "杜甫", "disabled": "", "checked": ""}        ,
          {"value": "3", "title": "贤心", "disabled": "", "checked": ""}      ]      ,
          id: 'demo1' //定义索引    
          });  }); 
           </script>
          </body>
      </html>

    基础参数

    设定实例唯一索引,用于基础方法传参使用。~elem 指向容器选择器
    title 穿梭框上方标题
    data 数据源
    parseData 用于对数据源进行格式解析
    value 初始选中的数据(右侧列表)
    id 设定实例唯一索引,用于基础方法传参使用。
    showSearch 是否开启搜索
    width 定义左右穿梭框宽度
    height 定义左右穿梭框高度
    text 自定义文本,如空数据时的异常提示等。
    onchange 左右数据穿梭时的回调

    数据源格式解析

    数据格式解析的回调函数,用于将任意数据格式解析成 transfer 组件规定的数据格式,以下是合法的数据格式如下:

    [  
    {"value": "1", "title": "李白", "disabled": "", "checked": ""}  ,
    {"value": "2", "title": "杜甫", "disabled": "", "checked": ""}  ,
    {"value": "3", "title": "贤心", "disabled": "", "checked": ""}
    ]

    然而很多时候你返回的数据格式可能并不符合规范,比如:

    [  
    {"id": "1", "name": "李白"}  ,
    {"id": "2", "name": "杜甫"}  ,
    {"id": "3", "name": "贤心"}
    ]

    那么您需要将其解析成 transfer 组件所规定的数据格式:

    transfer.render({  
    elem: '#text1'  ,
    data: [    
    {"id": "1", "name": "李白"}    ,
    {"id": "2", "name": "杜甫"}    ,
    {"id": "3", "name": "贤心"}  ]  ,
    parseData: function(res){   
     return {      "value": res.id //数据值      ,
     "title": res.name //数据标题      ,
     "disabled": res.disabled  //是否禁用      ,
     "checked": res.checked //是否选中    
     }  
     }});

    当数据在左右穿梭时触发,回调返回当前被穿梭的数据

    transfer.render({  
    elem: '#text'  ,data: [] //数据源  ,
    onchange: function(data, index){    
    console.log(data); //得到当前被穿梭的数据    console.log(index); //如果数据来自左边,index 为 0,否则为 1  
    }
    });

    数据格式解析效果图:
    在这里插入图片描述

    基础方法

    基础用法是组件关键组成部分,目前所开放的所有方法如下:

    var transfer = layui.transfer; 
    transfer.set(options); //设定全局默认参数。options 即各项基础参数
    transfer.getData(id); //获得右侧数据
    transfer.reload(id, options); //重载实例
    1.获得右侧数据

    穿梭框的右侧数据通常被认为是选中数据,因此你需要得到它并提交到后台。

    transfer.render({  
    elem: '#test'  ,
    data: []  ,
    id: 'demo1' //定义索引}); //获得右侧数据var getData = transfer.getData('demo1');       
    2.实例重载

    重载一个已经创建的组件实例,被覆盖新的基础属性

    transfer.render({  
    elem: '#test'  ,
    data: []  ,
    id: 'demo1' //定义索引});  //可以重载所有基础参数
    transfer.reload('demo1', { 
     title: ['新列表1', '新列表2']
     });

    实例调用效果图:
    在这里插入图片描述
    本章就分享到这,如果有疑问评论区请留言!

    展开全文
  • layui 穿梭框 layui.transfer

    千次阅读 2020-08-04 10:22:47
    本文是自己对layui.transfer 穿梭框的基本使用总结,未涉及到的内容可以在layui.transfer官方文档中查找。下图为穿梭框的基本样式,效果还是不错的,能够满足系统中多种场景下的需求,它可以进行数据的交互筛选。 ...

    本文是自己对layui.transfer 穿梭框的基本使用总结,未涉及到的内容可以在layui.transfer官方文档中查找。下图为穿梭框的基本样式,效果还是不错的,能够满足系统中多种场景下的需求,它可以进行数据的交互筛选。

    1、基础效果实现

    <!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'  //绑定元素
          ,title: ['候选文人', '获奖文人']  //自定义标题
          //,width: 150 //定义宽度
          ,height: 210 //定义高度
          ,data: [//定义数据源
            {"value": "1", "title": "李白"}
            ,{"value": "2", "title": "杜甫"}
            ,{"value": "3", "title": "苏轼"}
            ,{"value": "4", "title": "李清照", "checked" : true}//checked 是否选中
            ,{"value": "5", "title": "鲁迅", "disabled": true}//disabled 是否禁用 
            ,{"value": "6", "title": "巴金"}
            ,{"value": "7", "title": "冰心"}
            ,{"value": "8", "title": "矛盾"}
            ,{"value": "9", "title": "贤心"}
          ]  //disabled 是否禁用  checked 是否选中
          ,id: 'demo1' //定义索引 重新加载reload或者获取右侧数据时可以用到
        });
      });
      </script>
    </body>
    </html>

    2、数据源格式解析

    transfer.render({
      elem: '#text1'
      ,data: [//不符合规范的数据源
        {"id": "1", "name": "李白"}
        ,{"id": "2", "name": "杜甫"}
        ,{"id": "3", "name": "贤心"}
      ]
      ,parseData: function(res){//数据源解析
        return {
          "value": res.id //数据值
          ,"title": res.name //数据标题
          ,"disabled": res.disabled  //是否禁用
          ,"checked": res.checked //是否选中
        }
      }
    });

    3、初始化右侧数据

    <!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: [
            {"value": "1", "title": "瓦罐汤"}
            ,{"value": "2", "title": "油酥饼"}
            ,{"value": "3", "title": "炸酱面"}
            ,{"value": "4", "title": "串串香", "disabled": true}
            ,{"value": "5", "title": "豆腐脑"}
            ,{"value": "6", "title": "驴打滚"}
            ,{"value": "7", "title": "北京烤鸭"}
            ,{"value": "8", "title": "烤冷面"}
            ,{"value": "9", "title": "毛血旺", "disabled": true}
            ,{"value": "10", "title": "肉夹馍"}
            ,{"value": "11", "title": "臊子面"}
            ,{"value": "12", "title": "凉皮"}
            ,{"value": "13", "title": "羊肉泡馍"}
            ,{"value": "14", "title": "冰糖葫芦", "disabled": true}
            ,{"value": "15", "title": "狼牙土豆"}
          ]
          ,value: ["1", "3", "5", "7", "9", "11"]//初始化右侧数据
        });
      });
      </script>
    </body>
    </html>

    4、显示搜索框

    <!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'
          ,title: ['候选文人', '获奖文人']
          ,showSearch: true //显示搜索框
          ,data: [
            {"value": "1", "title": "李白"}
            ,{"value": "2", "title": "杜甫"}
            ,{"value": "3", "title": "苏轼"}
            ,{"value": "4", "title": "李清照", "checked" : true}
            ,{"value": "5", "title": "鲁迅", "disabled": true}
            ,{"value": "6", "title": "巴金"}
            ,{"value": "7", "title": "冰心"}
            ,{"value": "8", "title": "矛盾"}
            ,{"value": "9", "title": "贤心"}
          ]  
          ,id: 'demo1'
        });
      });
      </script>
    </body>
    </html>

    5、左右穿梭的回调

    <!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'
          ,title: ['候选文人', '获奖文人']
          ,data: [
            {"value": "1", "title": "李白"}
            ,{"value": "2", "title": "杜甫"}
            ,{"value": "3", "title": "苏轼"}
            ,{"value": "4", "title": "李清照", "checked" : true}
            ,{"value": "5", "title": "鲁迅", "disabled": true}
            ,{"value": "6", "title": "巴金"}
            ,{"value": "7", "title": "冰心"}
            ,{"value": "8", "title": "矛盾"}
            ,{"value": "9", "title": "贤心"}
          ]  
          ,onchange: function(obj, index){
          var arr = ['左边', '右边'];
          layer.alert('来自 <strong>'+ arr[index] + '</strong> 的数据:'+ JSON.stringify(obj)); //获得被穿梭时的数据
        }
        });
      });
      </script>
    </body>
    </html>

    6、获取右侧数据

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>穿梭框组件</title>
      <link rel="stylesheet" href="../src/css/layui.css">
    </head>
    <body>
      <div id="test1"></div>
      <button>获取右侧数据</button>
      <script src="../src/layui.js"></script>
      <script>
      layui.use('transfer', function(){
        var transfer = layui.transfer;
      
        //渲染
        transfer.render({
          elem: '#test1'
          ,title: ['候选文人', '获奖文人']
          ,data: [
            {"value": "1", "title": "李白"}
            ,{"value": "2", "title": "杜甫"}
            ,{"value": "3", "title": "苏轼"}
            ,{"value": "4", "title": "李清照", "checked" : true}
            ,{"value": "5", "title": "鲁迅", "disabled": true}
            ,{"value": "6", "title": "巴金"}
            ,{"value": "7", "title": "冰心"}
            ,{"value": "8", "title": "矛盾"}
            ,{"value": "9", "title": "贤心"}
          ]  
          ,id: 'demo1'
        }
        });
    
        var getData = transfer.getData('demo1'); 
        $("button").click(function(){
            alert(getData )
        })
      });
      </script>
    </body>
    </html>

    7、重新加载

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>穿梭框组件</title>
      <link rel="stylesheet" href="../src/css/layui.css">
    </head>
    <body>
      <div id="test1"></div>
      <button>重新加载</button>
      <script src="../src/layui.js"></script>
      <script>
      layui.use('transfer', function(){
        var transfer = layui.transfer;
      
        //渲染
        transfer.render({
          elem: '#test1'
          ,title: ['候选文人', '获奖文人']
          ,data: [
            {"value": "1", "title": "李白"}
            ,{"value": "2", "title": "杜甫"}
            ,{"value": "3", "title": "苏轼"}
            ,{"value": "4", "title": "李清照", "checked" : true}
            ,{"value": "5", "title": "鲁迅", "disabled": true}
            ,{"value": "6", "title": "巴金"}
            ,{"value": "7", "title": "冰心"}
            ,{"value": "8", "title": "矛盾"}
            ,{"value": "9", "title": "贤心"}
          ]  
          ,id: 'demo1'
        }
        });
    
        var getData = transfer.getData('demo1'); 
        $("button").click(function(){
            transfer.reload('demo1', {
              title: ['候选文人1', '获奖文人1']
              ,value: ['2', '5', '9']
              ,showSearch: true
            });
        })
      });
      </script>
    </body>
    </html>

    8、基础参数一览表

    参数选项 说明 类型 默认值
    elem 指向容器选择器 String/Object -
    title 穿梭框上方标题 Array ['标题一', '标题二']
    data 数据源 Array

    [{'key','value'},{},{}]

    parseData 用于对数据源进行格式解析 Function

    ,parseData: function(res){
    return {
    "value": res.id //数据值
    ,"title": res.name //数据标题
    ,"disabled": res.disabled //是否禁用
    ,"checked": res.checked //是否选中
    }
    }

    value 初始选中的数据(右侧列表) Array -
    id 设定实例唯一索引,用于基础方法传参使用。 String -
    showSearch 是否开启搜索 Boolean false
    width 定义左右穿梭框宽度 Number 200
    height 定义左右穿梭框高度 Number 340
    text 自定义文本,如空数据时的异常提示等。
    text: {
      none: '无数据' //没有数据时的文案
      ,searchNone: '无匹配数据' //搜索无匹配数据时的文案
    }  

     

    Object -
    onchange 左右数据穿梭时的回调 Function  function(obj, index){
          var arr = ['左边', '右边'];
          layer.alert('来自 <strong>'+ arr[index] + '</strong> 的数据:'+ JSON.stringify(obj)); //获得被穿梭时的数据
        }
    展开全文
  • Layui 穿梭框

    2019-09-03 18:25:30
    引入Layui源代码 设置好路径 设置关键词搜索 设置备注 定义变量
  • layui穿梭框

    2019-04-12 13:41:00
    <form class="layui-form" lay-filter="layui-form" action="" style="margin: 1.5rem 3rem"> <input type="hidden" name="id" id="id" value="${entity.id }"> <input ...
  • 最近在做后台业务处理时,接触到了 Layui 中的一个穿梭框 transfer 控件的使用;个人觉得效果还是挺满意的; 但是毕竟是在 ThinkPHP5 框架下进行的集成,不能不适合部分同行理解哦 不过,还是在此进行整理一番,欢迎...
  • // 渲染layui穿梭框 TransferBox=layTransfer.render({ elem: '#colorShuttleBox', parseData: function(data){ // 解析数据,如果没在控制器处理数据,就在此处处理数据 return { "value": data.colorId, //...
  • layui穿梭框和layui表格数据交互

    千次阅读 2019-10-31 11:07:35
    =-1){//此处返单数据为null,是因为穿梭框的内容如果为null是不显示 alert("数据存在null,请返回维护!或者删除此空数据") } } }) //这是穿梭框 transfer.render({ elem:'#singleDiseaseid' ,id:'...
  • Layui穿梭框的transfer.render方法,接受【全部数据】对象数组data、和【初始右侧数据】id数组value 如今需求是这样的:用穿梭框给员工赋予角色,操作账号没有的角色无法赋予,页面如下 由ajax请求取得对象数组...
  • 项目使用layui穿梭框,对着layui官方文档复制到代码中发现文本溢出了穿梭框。如下: 解决办法: 可以看到layui生成的穿梭框数据到ul下面的集合。如果直把穿梭框加上overflow: scroll,这样会影响穿梭框...
  • Layui穿梭框data赋值

    千次阅读 2019-11-13 15:42:53
    三、必须使用parseData。看第一张图,res为获取数据成功后的对象,对parseData里面的值进行赋值的时候.直接res.数组里面的属性就可以了。(原因我猜想是它根据你给data赋值的对象数组直接自己进行了遍历)。 ...
  • layui 穿梭框展示数据操作

    千次阅读 2021-01-07 14:58:05
    div class="layui-btn-container"> <button type="button" class="layui-btn" lay-demotransferactive="getData">获取右侧数据</button> <button type="button" class="layui-btn" lay-de
  • layui穿梭框动态查询、添加、删除基于ssm(layui.transfer) 一、前端代码 1.定义角色的弹层页面 <!--角色的弹层页面 --> <div id="editRoleLayer" style="display: none; margin-top: 20px;"> <form ...
  • layui穿梭框item点击事件功能扩展

    千次阅读 2020-03-20 16:08:48
    场景:穿梭框中的item在点击时需要根据id查询对应item的详细信息,无奈官方api中未暴露鼠标点击后的回调函数,博主愚钝,修改了下transfer.js的源码,让框架中的item点击后再调用业务js的事件绑定方法来触发查询item...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 211
精华内容 84
关键字:

layui穿梭框的使用