ajax返回值并在layui显示,layUI使用layer.open,在content打开数据表格,获取值并返回的方法...

在layUI编写的页面中，遇到这么一种情况，从一个页面中使用layer.open打开一个新窗口，新窗口中是一个数据表格，现在需要选中数据表格中的一列并获取它的值，以便下面这个选择按钮可以使用这个值进行后一步的操作。

如简单的选中之后显示选中数据的id。

首先在当前原始页面上，定义一个工具条

模拟

在实现这个工具条的点击操作--打开一个新的窗口

simulatePack: function(){ //模拟操作

var checkStatus = table.checkStatus('box')

,data = checkStatus.data;

layer.open({

type:2

,area: ['800px', '600px']

,title:'请选择'

,content: 'container.html'

,maxmin: true

,btn: ['确认选择', '关闭']

,yes: function(index, layero){

www.cppcns.com var row = window["layui-layer-iframe" + index].callbackdata();

layer.alert("get:"+row);

// var row = $(layero).find("layui-layer-iframe")[0].contentWindow.callbackdata();

//可以使用ajax请求对数据进行进一步处理

layer.close(index);

},btn2: function(index, layero){

layer.close(index);

}

})

这里的row是从新打开的窗口中返回的值。

在新窗口中，我定义了一个conId作为返回值，具体如下

layui

www.cppcns.com

这样就实现了从content中的页面中返回值的功能。

以上这篇layUI使用layer.open,在content打开数据表格,获取值并返回的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

本文标题: layUI使用layer.open,在content打开数据表格,获取值并返回的方法

本文地址: http://www.cppcns.com/wangluo/javascript/276396.html

ajax返回值并在layui显示,layUI使用layer.open,在content打开数据表格,获取值并返回的方法...相关推荐

layUI中使用layer.open，在content打开数据表格，获取值并返回
在layUI编写的页面中,遇到这么一种情况,从一个页面中使用layer.open打开一个新窗口,新窗口中是一个数据表格,现在需要选中数据表格中的一列并获取它的值,以便下面这个选择按钮可以使用这个值进行 ...
layui数据表格如何获取id_LayUI之table数据表格获取行、行高亮等相关操作
前言目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...
MySQL中数组内的JSON数据中获取值
MySQL中JSON数据获取值 1.MySQL中JSON数据中获取值数据源: {"observeTruth": "111","preventHume ...
Layui数据表格隔行变色的两种方法
开发工具与关键技术:MVC 作者:Mr_恺撰写时间:2019年7月17日 Layui数据表格隔行变色,第一种的就是layui插件里有一个自带的方法: even这个属性把它设置为:true,就开启 ...
layui数据表格时间戳转换为时间格式的方法
//第一个实例table.render({elem: '#idTest'//,height: 315,url: '{$_M[url][own_form]}a=do_table_log&pid= ...
layui数据表格获取当前页数
$(".layui-laypage-em").next().html()
Layui数据表格获取数据库数据
后端代码 @ResponseBodypublic StringBuilder findTeaAccountJson() throws IOException {List<Account> ...
layui 自定义request_layui中使用自定义数据格式对数据表格进行渲染
1.引入 2.页面代码编辑删除 layui.use('table', function(){ var table = layui.table; table.render({ elem: '[lay ...
LayUi数据表格数据太多导致下拉框卡顿问题
LayUi数据表格数据太多导致下拉框卡顿问题 layui数据表格(详见官网) 根据官网示例做出数据表格示例根据官网表格展示在layui官网数据表格示例中 https://www.layui.c ...

ajax返回值并在layui显示,layUI使用layer.open,在content打开数据表格,获取值并返回的方法...

ajax返回值并在layui显示,layUI使用layer.open,在content打开数据表格,获取值并返回的方法...相关推荐

最新文章

热门文章