layui弹出框Tab选项卡的示例代码

来源：动视网责编：小采时间：2020-11-27 21:51:18

layui弹出框Tab选项卡的示例代码

layui弹出框Tab选项卡的示例代码:最近做一个项目，使用LAYUI，在界面上Z弹出一个界面A，A上有TAB选项卡，分别为界面B、C；B界面上有一个列表，双击败列表行时，要把数据回写到界面Z; 界面A上有提交按钮，选中B界面上列表某一条数据，界面A上点提交时，同样回写数据到Z；实现：双击：B上实

推荐度：

点击下载本文 文档为doc格式

导读layui弹出框Tab选项卡的示例代码:最近做一个项目，使用LAYUI，在界面上Z弹出一个界面A，A上有TAB选项卡，分别为界面B、C；B界面上有一个列表，双击败列表行时，要把数据回写到界面Z; 界面A上有提交按钮，选中B界面上列表某一条数据，界面A上点提交时，同样回写数据到Z；实现：双击：B上实

最近做一个项目，使用LAYUI，在界面上Z弹出一个界面A，A上有TAB选项卡，分别为界面B、C；B界面上有一个列表，双击败列表行时，要把数据回写到界面Z; 界面A上有提交按钮，选中B界面上列表某一条数据，界面A上点提交时，同样回写数据到Z；

实现：双击：B上实现双击方法，调用A上界面方法，再调用Z界面上方法；

B界面上方法：

function dbclick_select(row,index){
debugger;
 if(row == null){
 var nodes=$("#TableSelectList").bootstrapTable('getSelections');
 row = nodes[0];
 if(row == undefined){
 row = null;
 }
 }
 if(row != null && row != ""){
 window.parent.onBackDwxx(row);
 
 }else{
 layer.alert("请选择一项数据");
 }

}

A界面上方法：

 function onBackDwxx(row) {
 debugger;
 window.parent.onBackDwxx(row);
 var iframeName = window.name;
 var index = parent.layer.getFrameIndex(iframeName);
 window.parent.layer.close(index);

 }

Z界面上方法：

 function onBackDwxx(row) {
 $("#query\\.dw_id").val(row.id);
 $("#dw_mc").val(row.zsdwmc);

 }

A界面上提交按钮实现：Z界面上提交方法调用A界面上方法，A界面上方法回调Z界面方法

Z界面方法调用A界面方法：$(layero).find("iframe")[0].contentWindow.onSelectTableDwxx();

A界面方法：

function onBackDwxx(row) {
 debugger;
 window.parent.onBackDwxx(row);
 var iframeName = window.name;
 var index = parent.layer.getFrameIndex(iframeName);
 window.parent.layer.close(index);
 }
 
 function onSelectTableDwxx(){
 var winx = $("#iframe1").find("iframe")[0].contentWindow;
 var nodes = winx.$("#TableSelectList").bootstrapTable('getSelections');
 onBackDwxx(nodes[0]);

}

Z界面上方法：

 function onBackDwxx(row) {
 $("#query\\.dw_id").val(row.id);
 $("#dw_mc").val(row.zsdwmc);

 }

以上这篇layui弹出框Tab选项卡的示例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

layui弹出框Tab选项卡的示例代码

推荐度：

点击下载本文 文档为doc格式

标签：代码 tab 的例子

热门焦点

layui弹出框Tab选项卡的示例代码

layui弹出框Tab选项卡的示例代码

layui弹出框Tab选项卡的示例代码

最新推荐

猜你喜欢

热门推荐