首页 > 其他分享 >LayUI弹窗确定后获取子页面的值(如获取UEditor富文本的内容,或input标签内容)

LayUI弹窗确定后获取子页面的值(如获取UEditor富文本的内容,或input标签内容)

时间:2024-04-15 15:12:20浏览次数:29  
标签:body UEditor function LayUI 获取 窗体 var input

LayUI弹窗确定后获取子页面的值(如获取UEditor富文本的内容,或input标签内容)

子窗体JS代码

<script src="~/lib/ueditor-1.4.3.3/ueditor.config.js"></script>
<script src="~/lib/ueditor-1.4.3.3/ueditor.all.js"></script>
<script>
    var ue = UE.getEditor('container', {
        initialFrameHeight: 300,
        initialFrameWidth: 900
    });
    var callbackdata = function () {
        var editorHtml = ue.getContent();//获取富文本内容
        return editorHtml;
    }
</script>

父窗体JS代码

var body;
layer.open({
    title: '添加用户信息',
    type: 2,
    shade: false,
    maxmin: true,
    shade: 0.5,
    btn: ['确认', '取消'],
    area: ['500px', '400px'],
    content: 'ArticleEdit',
    zIndex: layer.zIndex,
    success: function (layero, index) {
        body = layui.layer.getChildFrame('body', index);//获取子窗体 body内容
    },
    yes: function (index, layero) {
        var vvv = $(layero).find("iframe")[0].contentWindow.callbackdata();//这里是调用子页面的方法,并且 方法返回的内容
        console.log(vvv);
        var userName = body.contents().find("#userName").val();//假如子窗体有一个ID为userName的input 这里就是获取这个input的内容
        layer.closeAll();
    },
    btn2: function () {
        //alert("222");  取消时触发
    },
    end: function () {
        //关闭窗体时 触发
    }
});

标签:body,UEditor,function,LayUI,获取,窗体,var,input
From: https://www.cnblogs.com/HeroZhang/p/18136013

相关文章

  • 获取layui表格(table)当前页的页码值和当前页的数据条数
    获取layui表格(table)当前页的页码值和当前页的数据条数在浏览器查看源码,获取当前页面的数据条数如下核心代码$(".layui-laypage-limits").find("option:selected").val()//分页数目$(".layui-laypage-skip").find("input").val()//当前页码值//转载请保留原创地址http:......
  • js获取元素位置
    js获取元素位置JavaScript中获取元素位置的方法有以下几种实现方式: 使用getBoundingClientRect()方法:constelement=document.getElementById('elementId');constrect=element.getBoundingClientRect();constposition={top:rect.top,lef......
  • layUI Table自定义工具栏和搜索参数
    layUITable自定义工具栏和搜索参数视频讲解地址https://www.bilibili.com/video/BV1P94y197nNHTML代码<divclass="container-fluid"><tableclass="layui-hide"id="test"lay-filter="test"></table></div><s......
  • layUI layer弹框按钮 : 确认,取消,关闭事件
    layUIlayer弹框按钮:确认,取消,关闭事件layer.open({title:'头信息',btn:['确认','取消','按钮3'],//多个按钮直接用btn1/btn2/btn3...回调area:['85%','95%'],content:"<divstyle='font-size:15px......
  • js获取时间差,返回格式为01天02小时03秒
    //获取时间差返回值格式:01天02小时30秒exportfunctioncaclulateDiffTime(start,end):string{start=newDate(start).getTime();end=newDate(end).getTime();letstaytimeGap=end-start;if(staytimeGap<0){staytimeGap=start-end;}i......
  • iframe跨域,获取iframe中元素
    1.需求让iframe嵌入页面,并且没有滚动条,也就是相当于两个页面拼接在一起跨域解决,通过框架配置代理proxy:{'/medical':{target:'https://example.com',changeOrigin:true,pathRewrite:{'^/medical':'',},},}......
  • Java调用第三方接口获取数据并存储,思路加代码
    思路:1.根据第三方接口返回的字段来创建实体类,用来接收数据2.建立连接,提供两种方式。来获取数据3.实体类转换并存储方法一:URL建立连接进行接收数据依赖<dependency><groupId>org.apache.httpcomponents</groupId><artifactId>httpclient</artifa......
  • 从Google网页中通过正则表达式获取json如何转换unicode对象
    场景:Google爬虫,获取下拉框搜索关键词,需要获取页面的里面的json字符串如下面:'{\\x22aa\\x22:{},\\x22abd\\x22:{\\x22abd\\x22:false,\\x22deb\\x22:false,\\x22det\\x22:false},\\x22async\\x22:{},\\x22attn\\x22:{},\\x22bgd\\x22:{\\x22ac\\x22:true,\\x......
  • Ant - Form 自定义组件 form.getFiledsValue 如何获取值
    import{FC,useState}from'react';importtype{SelectProps}from'antd';import{Select,Space,Flex,Input,Button}from'antd';/***扩展选择器组件,可以通过键盘enter输入一个Option*/constInputSelect:FC<{defaultOptio......
  • Python量化交易系统实战--获取股票数据
     我们首先需要获取股票数据。代码IDE选择:PyCharm计算机环境:MacOS  一、获取股票数据的三种方式 二、获取股票数据这里选定的是使用JoinQuant平台提供的免费接口(有时间范围限制),简单整理如下。使用前需要先申请权限并初始化授权:fromjqdatasdkimport*auth('','......