您好,登錄后才能下訂單哦!
最近做一個項目,使用LAYUI,在界面上Z彈出一個界面A,A上有TAB選項卡,分別為界面B、C;B界面上有一個列表,雙擊敗列表行時,要把數(shù)據(jù)回寫到界面Z; 界面A上有提交按鈕,選中B界面上列表某一條數(shù)據(jù),界面A上點提交時,同樣回寫數(shù)據(jù)到Z;
實現(xiàn):雙擊:B上實現(xiàn)雙擊方法,調(diào)用A上界面方法,再調(diào)用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("請選擇一項數(shù)據(jù)"); } }
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界面上提交按鈕實現(xiàn):Z界面上提交方法調(diào)用A界面上方法,A界面上方法回調(diào)Z界面方法
Z界面方法調(diào)用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選項卡的示例代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。