精华内容
下载资源
问答
  • 今天小编就为大家分享一篇layui 弹出层回调获取弹出层数据的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 弹出层回调

    千次阅读 2018-10-24 15:09:40
    原文章出处:https://blog.csdn.net/cccmercy/article/details/78878401
    展开全文
  • //隐患选择弹出框 function func12(url, title) { //iframe layer.open({ type: 2, skin: 'layui-layer-lan', title: title, ...

    //隐患选择弹出框
            function func12(url, title) {
                //iframe层
                layer.open({
                    type: 2,
                    skin: 'layui-layer-lan',
                    title: title,
                    closeBtn: 1,
                    shadeClose: false,
                    shade: [0.3, '#fff'],
                    area: ['90%', '90%'],//跳转到的那个页面的相对本页面的大小
                    anim: -1,
                    content: url,
                    btn: ['确认', '取消'],
                    yes: function (index) {
                        //alert("0000");
                        var res = window["layui-layer-iframe" + index].callbackdata();//回调
                        //alert(">>>>" + res);
                        document.getElementById("hiddenRoles").value = res;//把hiddenRoles文本框的值给res
                        layer.close(index);
                    },
                    cancel: function () {
                    }
                });
                return false;
            }

    在跳转到的页面中:

    var callbackdata = function () {
                var chk_value = '';
                $("input[type='checkbox']:checked").each(function () {
                    chk_value += $(this).val() + ',';
                });
                if (chk_value.length > 0) {
                    chk_value = chk_value.substring(0, chk_value.length - 1);
                }
                return chk_value;
            }

    推荐相似文章链接:http://www.45fan.com/article.php?aid=19090285057899899332213187

     

    展开全文
  • layui 弹出层回调获取弹出层数据

    千次阅读 2018-11-15 15:24:16
    // 弹出楼栋负责人信息页面  layer.open({  type: 2,  title:'请选择楼栋负责人',  maxmin: false,  area: ['60%', '80%']...

    // 弹出楼栋负责人信息页面
                          layer.open({
                          type: 2,
                          title:'请选择楼栋负责人',
                          maxmin: false,
                          area: ['60%', '80%'],
                          offset: '0px',
                          content: '${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject,
                          btn: ['确定','关闭'],
                             yes: function(index){
                              //当点击‘确定’按钮的时候,获取弹出层返回的值
                             var res = window["layui-layer-iframe" + index].callbackdata();
                              //打印返回的值,看是否有我们想返回的值。
                              console.log(res);
                              for (var i = 0; i < res.length; i++) {
                                  var html = "<div class='text' value='' style='visibility: visible;'>" +
                                      "<p>" + "<span class='responsibleName'  value=" + res[i].value + ">" + res[i].title + "</span>" +
                                      "<a class='close_btn' οnclick='remove(this)'>" + 'X' + "</a>" + "</p>"
                                  "</div>"
                                  $("#responsibleName_id").append(html);
                              
                                  }
                              //最后关闭弹出层
                              layer.close(index);
                         }
                        });

    // 关键代码var res = window["layui-layer-iframe" + index].callbackdata();

    这行代码中‘callbackdata’是弹出层里面定义的函数。也许我们知道了什么!这个函数的作用就是返回值。

    弹出层定义callbackdata函数

    var callbackdata = function () {
               var data = {
                    username: 'zhangfj',
                    age:12,
                    address:'广州'
                };
                return data;
            }

    注意:下图是弹出层回调数据

    展开全文
  • //layui弹出层回调 var callbackdata = function () { douhaoAppendStr(); var data = { shopsIds: arr1.join(","), shopsCount : $("#shopCount").val(), }; return data; }; //页面加载执行 $...
    <%@page language="java" contentType="text/html; charset=UTF-8"%>
    <%@ include file="/common/taglibs.jsp"%>
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <link href="${assetsctx }js/fileinput/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
    <script src="${assetsctx }js/fileinput/js/fileinput.min.js"></script>
    <script src="${assetsctx }js/fileinput/js/locales/zh.js"></script>
    <script src="${assetsctx }/vendor/bootstrap/bootstrap-3.37.mim.js"></script>
     <script type="text/javascript" src="${assetsctx }js/layer/layer.js"></script>
    	<script type="text/javascript" src="${assetsctx }js/ueditor/ueditor.config.js"></script>
    	<script type="text/javascript" src="${assetsctx }js/ueditor/ueditor.all.js"></script>
     <script type="text/javascript" charset="utf-8" src="${assetsctx }js/lang/zh-cn/zh-cn.js"></script>
    <script type="text/javascript" src="${assetsctx }js/My97DatePicker/WdatePicker.js"></script>
    </head>
    <body>
    	<div class="row">
    		<div class="col-sm-12">
    			<div class="panel panel-default">
    				
    				<div class="panel-body">
    					<form id="defaultform" class="form-horizontal" οnsubmit="return checkForm()"
    						action="${ctx }/mission/saveorupdate" method="post" style="display:inline;">
    						<div id="myTabContent" class="tab-content ">
    							<!-- 基本信息 -->
    							<div class="tab-pane fade in active " id="home" >								
    								<input type="hidden" id="shpstoreids" name="shpstoreids" value="${mission.shpstoreids}“><!-- 隐藏的商户框 -->
    								<input type="hidden" id="shopCount" name="shopCount"><!-- 隐藏的商户数量框 -->
    								<br>
    
    
    								<div class="form-group">
    									<label class="control-label col-sm-2"></label>
    									<div class="controls col-sm-4">
    										<input type="radio" name="verificationType" id="verificationType2" value="SHOP"
    											  > 服务商
    										<button class="btn btn-primary" type="button"
    												οnclick="x_admin_show('请选择关联服务商','50%','70%')">
    											关联服务商
    										</button>
    										<span id="shopCountSpan">已选择
    											<c:choose>
    												<c:when test="${empty mission.shpstoreids}"><!-- 如果 -->
    													0
    												</c:when>
    												<c:otherwise> <!-- 否则 -->
    													<c:set value="${ fn:split(mission.shpstoreids, ',') }" var="str2" />${fn:length(str2) }
    												</c:otherwise>
    											</c:choose>
    											家服务商</span>
    									</div>
    								</div>
    
    								<div class="form-group">
    									<div class="col-sm-1"></div>
    									<div class="col-sm-4">
    										<a href="${ctx }/mission/list" class="btn btn-info"><span
    											class="fa fa-arrow-left fa-fw"></span> 返回</a>   
    										<button class="btn btn-primary" type="submit"  οnclick=" return checkSubmit();">
    											保存
    										</button>
    									</div>
    								</div>
    							</div>
    						</div>
    					</form>
    				</div>
    			</div>
    		</div>
    	</div>
    	<%-- 弹出层函数 --%>
    	<script src="${assetsctx }vendor/layer/layer.js"></script>
    	<script src="${assetsctx }vendor/jquery/jquery.js"></script>
    	<script type="text/javascript">
    
    		$(function () {
    			//加载弹出层
    			layui.use(['form','element'],
    					function() {
    						layer = layui.layer;
    						element = layui.element;
    					});
    		});
    		<%--弹出层
                title   标题
                id      需要操作的数据id
                w       弹出层宽度(缺省调默认值)
                h       弹出层高度(缺省调默认值)
            --%>
    		function x_admin_show(title,w,h){
    
    			var verificationType = $('input:radio[name="verificationType"]:checked').val();
    			if (verificationType !== 'SHOP') {
    				alert("请选择服务商");
    				return;
    			}
    			var shpstoreids = "${mission.shpstoreids }";
    			if (!shpstoreids) {
    				shpstoreids = $("#shpstoreids").val();
    				url = "${ctx }/mission/rich?shpstoreids=" + shpstoreids;
    			} else {
    				url = "${ctx }/mission/rich?shpstoreids=${mission.shpstoreids }";
    			}//修改数据的时候用url传参给子页面显示已勾选的内容提供数据支持
    
    			if (title == null || title === '') {
    				title=false;
    			}
    			if (w == null || w === '') {
    				w=($(window).width()*0.5);
    			}
    			if (h == null || h === '') {
    				h=($(window).height() - 100);
    			}
    			layer.open({
    				type: 2,
    				area: [w, h],
    				fix: false, //不固定
    				maxmin: true,
    				shadeClose: true,
    				shade:0.4,
    				closeBtn:1,
    				title: title,
    				content:'${ctx }/mission/rich',//指向弹出层子页面的链接
    				// scrollbar: false ,//屏蔽浏览器滚动条
    				btn: ['确定','关闭'],
    				// shade: 0.4,   //遮罩透明度
    				yes: function (index) {
    					//获取选择的row,并加载到页面
    					var row = window["layui-layer-iframe" + index].callbackdata();
    					var shopsIds = row.shopsIds;
    
    					var shopsCount = row.shopsCount;//商户数量
    					//console.log(row);
    					$("#shpstoreids").val(shopsIds);
    					if (shopsCount != null && shopsCount !== '') {
    						$("#shopsCount").val(shopsCount);
    
    						var str='';
    						str+='已选择'+shopsCount;
    						str+='家服务商';
    
    						$("#shopCountSpan").text(str);
    					}
    
    					layer.close(index)
    				},
    				cancel : function(){
    					// 你点击右上角 X 取消后要做什么
    				}
    			});
    		}
    
    
    
    	</script>
    
    
    
    <script type="text/javascript">
    		
    
            function checkSubmit(){
    			var Ids = document.getElementById("shpstoreids").value;
    			if(Ids ==  null || Ids.length<=0){
    
    				alert("请关联服务商");
    				return false;
    			}
    			return true;
    		}
    
    	</script>
    
    </body>
    </html>
    
    父页面
    =======================================================================================================================
    子页面
    <%@page language="java" contentType="text/html; charset=UTF-8"%>
    <%@ include file="/common/taglibs.jsp"%>
    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<%@ include file="/common/head.jsp"%>
    	<link rel="stylesheet" href="${assetsctx }/vendor/jquery-richUI/css/jquery.richUI.min.css" />
    <body>
    <div class="row">
    	<div class="col-sm-12">
    		<div class="panel panel-default">
    			<div class="panel-body">
    				<div class="row" >
    
    					<input type="hidden" id="shopListHidden"/>
    					<input type="hidden" id="shopCount" />
    					<div class="col-sm-12" id="allshop">
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    <script type="text/javascript">
    
        //layui弹出层回调
        var callbackdata = function () {
    		douhaoAppendStr();
            var data = {
    			shopsIds:  arr1.join(","),
    
    			shopsCount : $("#shopCount").val(),
    
            };
            return data;
        };
    
        //页面加载执行
        $(function() {
            box();
        });
    	function box(){
            $.ajax({
                url : "${ctx}/mission/getallshops",//ajax获取的是弹出层子页面里需要加载的数据
                type : "get",
    
                async : false,
                dataType : "json",
                success : function(jsonData){
                    $("#allShop").empty();
                    var shoplist = jsonData;
    				var all=$("#allshop");
                    for (var j = 0; j < shoplist.length; j++) {
    				if (shoplist[j].districtNo !== dcode.toString()){
                        var shopId = shoplist[j].id;
                        var shopName = shoplist[j].merName;
    
    					var children=document.createElement("input");
    					children.setAttribute("type","checkbox");
    					children.setAttribute("id",shopId);
    					children.setAttribute("name",shopName);
    					children.setAttribute("value",shopId);
    					children.setAttribute("style","padding-top:2px;height:1.78em;font:5px arial;");
    					all.append(children);
    					all.append(shopName);
                    }}
                },
                error : function(){
                    // 服务器连接失败
                    alert("服务器连接失败");
                }
            });
    		huixian();
        }
    function huixian() {
    	
    	var val=$("#shopListHidden").val();
    	console.log(1111);
    	console.log(val);
    	var shopArr = val.split(',');//转换数组
    	for (var i = 0; i < shopArr.length; i++) {
    
    		$("#"+shopArr[i]).attr("checked",'true');
    
    
    	}
    }
        //拼接放到隐藏框里,shopId
        function douhaoAppendStr() {
    
    		arr1 = [];
    
    		$('input[type="checkbox"]:checked').each(function(){
    			arr1.push($(this).val());
    
    		});
            $("#shopsListHidden").val(arr1.join(","));
            var shopsCount = arr1.length;
            $("#shopCount").val(arr1.length);
    
        }
    </script>
    </body>
    </html>
    
    
    ===========================================================================================
    controller层
        @SystemControllerLog(description = "弹出层页面")
        @RequestMapping(value = "/rich{shpstoreids}", method = RequestMethod.GET)
        public String rich(HttpServletRequest request, PageForm pageForm, Model model,@RequestParam("shpstoreids") String shpstoreids) {
            int len=shpstoreids.split(",").length;
            request.setAttribute("shopsIds",shpstoreids);
            request.setAttribute("shopsCount",len);
    //        System.out.println(shpstoreids+"*****************************************");
            return "mission/rich";
        }
    	
        @SystemControllerLog(description = "弹出层服务商查询")
        @RequestMapping(value = "/getallshops", method = RequestMethod.GET)
        @ResponseBody
        public List<EappShpstore> getMerchartsByNameLike(HttpServletRequest request) {
    
            List<EappShpstore> list = eappShpstoreService.selectAll();
            return list;
        }
    	
    	@SystemControllerLog(description = "添加/修改任务")
        @RequestMapping(value = "/saveorupdate", method = RequestMethod.POST)
        public String save(HttpServletRequest request, Model model, EappMissionVo eappMissionVo) {
           eappMissionVo.setShpstoreids(eappMissionVo.getShpstoreids());
            request.getSession().setAttribute("url", "mission/list");
            return String.format("redirect:/message");
        }
    		
    

      

    转载于:https://www.cnblogs.com/qinyios/p/11124637.html

    展开全文
  • layui弹出层按钮回调

    千次阅读 2020-08-02 21:26:34
    项目中所使用的 layer.open({ title: '错误提示' ,content: '导入数据有错误,请查看下载文件列表中错误导出文件数据,修改后重新上传' ,btn: ['确认'] , success: function () { // 这里是这个弹出层打开完成...
  • **1.layui的layer弹出层,可以正常弹出,但是里面的按钮点击却没有效果,跟踪了了一个会报错,但是不知道错误出现在那里** 这是本人代码 $(document).on('click', '.deleteStudent', function () { var stuId ...
  • layui弹出层yes回调问题

    千次阅读 2019-04-09 21:25:23
    function QuJiu(sid) { var index = layui.use('layer', function () { var layer = layui.layer; layer.open({ title: '取酒', type: 2, ...
  • Layui弹出层的几种回调方法解析

    千次阅读 2020-04-05 17:26:42
    最近工作写了两个layer-open,所以今天梳理一下layui弹出层的几种回调方法。 1.success- 层弹出后的成功回调方法 success的回调方法是弹出层成功弹出之后就会执行的回调方法,它不管你的弹出层内的内容是否成功...
  • ajax回调函数中调用layui弹出层有时报layer未定义问题 可能是没有引入正确的js文件 $.ajax({ async:false, method:"post", url:"${base?js_string}/public/wechat/pretrial/findRisenplAuditStatus.do", ...
  • layui弹出层

    2020-05-14 08:59:17
    layer.open({ type: 1, title: "项目人员分配", area: ['50%', '70%'], //宽高 ... btnAlign: 'c', //按钮居中 (l : 左),(r :右) btn: ["确认", "取消"], yes: function (index) {//按钮一回调 }, s.
  • type:2, //弹出层现实的样式 //shade:false, //不显示背景阴影,去掉这个属性则显示 //skin:"layui-layer-rim", //加上边框 closeBtn:0, //不显示关闭按钮 //shadeClose:true,//开启遮罩...
  • 是否关闭弹出层,和按钮绑定的回调函数的返回值有关,无返回值或者返回值不为false,弹出层会自动关闭,只有返回false时,弹出层不会自动关闭。 因此只需要在按钮回调函数加上 return false 即可 ...
  • layui弹出层点击多次弹出问题

    千次阅读 2019-04-26 18:01:22
    只有flag为true的时候才弹出,弹出成功之后将flag赋值为false并进行相关的逻辑,在点击右上角关闭按钮时,有一个回调函数cancel,在这个回调函数中将flag的值赋值为true,那么在关闭弹出层之后又可以点击弹出,...
  • layui弹出层select无法显示

    千次阅读 2019-05-17 20:23:00
    的时候,弹出层里面select一直隐藏无法显示。 搜了很多办法,在select加上lay-filter ="group",再渲染form.render('select','group');这样是没有成功的。 后面直接在leyer.open();成功的回调函数中form.render('...
  • //保存成功后关闭当前弹出层,刷新父级页面 子页面调用 var index = parent.layer.getFrameIndex(window.name);...父页面,在打开弹出层的页面增加回调函数 end: function () { location.reload(); } ...
  • layui弹出层获得子层(type:1,页面层)的数据 2018年10月27日 17:42 在弹出层中,content : '/jilei_v1.0/loginSpecial/safety_manage.jsp', content属性是一个加载出来的页面时候,想要获得(子层)表单里的数据...
  • 首先获取弹出层,再调用弹出层的child方法 layer.open({ type: 2, content: 'jsp/video/showvideo.jsp', //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
  • 弹出层的底层方法open,在使用时可以配置end 回调函数。如: layer.open({ title:'用户数据编辑', type:2, content:'userUpdate.html?userId='+encodeURI(da...
  • Ajax设为同步上面的弹出层代码不显示: 原因: js执行弹出提示层到页面显示"开始处理..."是2个动作,一个是js执行,一个是浏览器渲染,中间有个时间差,js执行完提示层后,页面上还没来得及显示"开始处理..."时,...
  • layui监听 table行事件调用ajax请求并将点击的行的数据发送给控制器,由控制器调用后端业务得到结果将结果放入session,由ajax 回调函数success open一个type为2(即iframe)的弹出层,content属性为控制器链接,...
  • layUI弹出框提示

    千次阅读 2018-11-23 14:34:00
    简单介绍:项目使用layUI框架好久了,也没来的及写一篇关于layUI弹出层的随笔。现在补上。经常用到的,一般都是在ajax成功回调函数后边写。 //js代码 s和fail 是ajax返回的数据layer.confirm("已成功导入" + s + ...
  • 1### 问题描述开发一个模块,用到了layui的数据表格, 绑定数据表格工具条之后需要使用layui弹出层弹出一个表单来修改某个条目的各种数据,请问在表带提交修改完成之后,如何刷新对应条目在数据表格中的值呢?...
  • JS中通过LayUI弹出文本输入,多个按钮回调: 如图所示,输入文本后点击通过/不通过按钮回调获取输入文本值的实现:    实现JS:  layer.prompt({ formType: 2, // 弹出文本类型 title: '请输入...

空空如也

空空如也

1 2 3
收藏数 54
精华内容 21
关键字:

layui弹出层回调