layui彈出框Tab選項(xiàng)卡的示例代碼
最近做一個(gè)項(xiàng)目，使用LAYUI，在界面上Z彈出一個(gè)界面A，A上有TAB選項(xiàng)卡，分別為界面B、C；B界面上有一個(gè)列表，雙擊敗列表行時(shí)，要把數(shù)據(jù)回寫(xiě)到界面Z; 界面A上有提交按鈕，選中B界面上列表某一條數(shù)據(jù)，界面A上點(diǎn)提交時(shí)，同樣回寫(xiě)數(shù)據(jù)到Z；
實(shí)現(xiàn)：雙擊：B上實(shí)現(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("請(qǐng)選擇一項(xiàng)數(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界面上提交按鈕實(shí)現(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選項(xiàng)卡的示例代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
最新需要js 文件壓縮圖片上傳 以前沒(méi)搞過(guò)，新手把學(xué)習(xí)過(guò)程分享，對(duì)JS HTML圖片顯示Canvas 壓縮功能感興趣的朋友一起看看吧2017-07-07
js判斷undefined類(lèi)型,undefined,null, 的區(qū)別詳細(xì)解析
本篇文章主要是對(duì)js判斷undefined類(lèi)型,undefined,null,NaN的區(qū)別進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
easyUI實(shí)現(xiàn)(alert)提示框自動(dòng)關(guān)閉的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇easyUI實(shí)現(xiàn)(alert)提示框自動(dòng)關(guān)閉的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
JavaScript實(shí)現(xiàn)驗(yàn)證碼案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)驗(yàn)證碼案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
JavaScript解決浮點(diǎn)數(shù)計(jì)算不準(zhǔn)確問(wèn)題的方法分析
這篇文章主要介紹了JavaScript解決浮點(diǎn)數(shù)計(jì)算不準(zhǔn)確問(wèn)題的方法,結(jié)合實(shí)例形式分析了javascript浮點(diǎn)數(shù)運(yùn)算精度誤差的原因以及相關(guān)的解決方法與具體操作技巧,需要的朋友可以參考下2018-07-07
獲取今天，昨天，本周，上周，本月，上月時(shí)間（實(shí)例分享）
本篇文章主要分享了獲取今天，昨天，本周，上周，本月，上月時(shí)間實(shí)例代碼，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要介紹了JS對(duì)象和字符串之間互換操作,結(jié)合實(shí)例形式分析了javascript對(duì)象與字符串相互轉(zhuǎn)換的原理與相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)下拉刷新和上拉加載更多，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
async/await讓異步操作同步執(zhí)行的方法詳解
這篇文章主要給大家介紹了關(guān)于async/await讓異步操作同步執(zhí)行的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用async/await具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
javascript實(shí)現(xiàn)抽獎(jiǎng)程序的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇javascript實(shí)現(xiàn)抽獎(jiǎng)程序的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06