layui弹出框Tab选项卡的⽰例代码
最近做⼀个项⽬，使⽤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 != ""){
BackDwxx(row);
}else{
layer.alert("请选择⼀项数据");
}
}
A界⾯上⽅法：
function onBackDwxx(row) {
debugger;
BackDwxx(row);
var iframeName = window.name;
var index = FrameIndex(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].SelectTableDwxx();
A界⾯⽅法：
function onBackDwxx(row) {
debugger;
BackDwxx(row);
var iframeName = window.name;
var index = FrameIndex(iframeName);
layui和bootstrap哪个好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选项卡的⽰例代码就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。