宝哥软件园

layUI使用图层 打开,在内容打开数据表格,获取值并返回的方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

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

如简单的选中之后显示选中数据的身份证。

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

button class=' layui-BTN ' data-type=' simulate pack '模拟/按钮在实现这个工具条的点击操作-打开一个新的窗口

模拟电路:函数(){ //模拟操作var CheckStatus=table。CheckStatus(' box '),data=check status . datalayer . open({ type :2,area: ['800px ',' 600px'],title: '请选择,content: 'container.html ',maxmin: true,btn: ['确认选择', '关闭],是:函数(index,layero){ var row=window[' layui-layer-iframe ' index].callbackdata();layer.alert('get: '行);//var row=$(layero).find(' layui-layer-iframe ')[0]。内容窗口。callbackdata();//可以使用创建交互式、快速动态网页应用的网页开发技术请求对数据进行进一步处理layer.close(索引);},btn2:函数(索引,layero){ layer。收盘(指数);} }) },这里的排是从新打开的窗口中返回的值。

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

!DOCTYPE html html head meta charset=' utf-8 ' title layui/title meta name=' renderer ' content=' WebKit ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge,chrome=1 ' meta name=' viewport ' content=' width=device-width,initial-scale=1,maximum-scale=1' link rel='样式表href='/layui admin/layui/CSS/layui。CSS ' rel=' externano follow ' media=' all '/layui . use(' table ',function(){ var table=layui。桌子;桌子。render({ elem : ' # container ',URL : '/container/listoll ',page:true,cols: [[ {type:'radio'},{field:'id ',title: 'ID'},{field:'length ',title: '长度},{field:'width ',title: '宽度},{field:'height ',title: '高度},{field: '失重限制,标题: '承重限制},{ field: ' volumn ',title: '体积},{field:'height ',title: '高度'} ]] });//监听行单击事件(单击事件为:RowDouble)表。在(' row(container)')上,函数(obj){ var data=obj。数据;data.id//标注选中样式物体。tr。AddClass(' layui-table-click ').兄弟姐妹()。remove CLaSS(' layui-table-click ');});});var callbackdata=function(){ return ConID;}/脚本/正文/html这样就实现了从内容中的页面中返回值的功能。

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

更多资讯
游戏推荐
更多+