时间:2021-05-26
最近做一个项目,使用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选项卡的示例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS实现仿Windows经典风格的选项卡Tab切换代码。分享给大家供大家参考,具体如下:这款仿Windows风格的选项卡,带有灰色的立体感,示例内
选项卡选项卡的基本使用方式为:tab1tab2tab3111112222233333选项卡使用分别标签和具体内容,这两个可以不放在一起但是一定要同时存在。选项卡
本文实例讲述了JS面向对象编程实现的Tab选项卡。分享给大家供大家参考,具体如下:Tab选项卡案例下面是一个简单面向过程的Tab选项卡。#tabBoxinput
在网站开发中经常会用到选项卡功能,为了节省一下写代码时间,封装了一下tab插件,方便调用。创建选项卡组件使用方法:html结构tab-1tab-2tab-3ta
本文实例讲述了JS实现黑色风格的网页TAB选项卡效果代码。分享给大家供大家参考。具体如下:这是一款网页TAB选项卡JS代码,黑色超酷的风格,看了后你会喜欢的,很