layui彈出框Tab選項卡的示例代碼
最近做一個項目,使用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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
js判斷undefined類型,undefined,null, 的區(qū)別詳細解析
本篇文章主要是對js判斷undefined類型,undefined,null,NaN的區(qū)別進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12easyUI實現(xiàn)(alert)提示框自動關(guān)閉的實例代碼
下面小編就為大家?guī)硪黄猠asyUI實現(xiàn)(alert)提示框自動關(guān)閉的實例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11JavaScript解決浮點數(shù)計算不準確問題的方法分析
這篇文章主要介紹了JavaScript解決浮點數(shù)計算不準確問題的方法,結(jié)合實例形式分析了javascript浮點數(shù)運算精度誤差的原因以及相關(guān)的解決方法與具體操作技巧,需要的朋友可以參考下2018-07-07async/await讓異步操作同步執(zhí)行的方法詳解
這篇文章主要給大家介紹了關(guān)于async/await讓異步操作同步執(zhí)行的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者使用async/await具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11