26 layui 页面跳转
程序员文章站
2022-05-13 23:52:23
...
1,引入index.js
/**
@Name:layuiAdmin iframe版主入口
@Author:贤心
@Site:http://www.layui.com/admin/
@License:LPPL
*/
layui.extend({
setter: 'config' //配置模块
,admin: 'lib/admin' //核心模块
,view: 'lib/view' //视图渲染模块
}).define(['setter', 'admin'], function(exports){
var setter = layui.setter
,element = layui.element
,admin = layui.admin
,tabsPage = admin.
,tabsPage = admin.tabsPage
,view = layui.view
//打开标签页
,openTabsPage = function(url, text){
//遍历页签选项卡
var matchTo
,tabs = $('#LAY_app_tabsheader>li')
,path = url.replace(/(^http(s*):)|(\?[\s\S]*$)/g, '')
,arrpath=url.split("?");
tabs.each(function(index){
var li = $(this)
,layid = li.attr('lay-id');
if(layid === path){
matchTo = true;
tabsPage.index = index;
}
});
text = text || '新标签页';
if(setter.pageTabs){
//如果未在选项卡中匹配到,则追加选项卡
if(!matchTo){
$(APP_BODY).append([
'<div class="layadmin-tabsbody-item layui-show">'
,'<iframe src="'+ url +'" frameborder="0" class="layadmin-iframe"></iframe>'
,'</div>'
].join(''));
tabsPage.index = tabs.length;
element.tabAdd(FILTER_TAB_TBAS, {
title: '<span>'+ text +'</span>'
,id: path
,attr: path
});
}else{
if(arrpath.length>1){
var iframe = admin.tabsBody(admin.tabsPage.index).find('.layadmin-iframe');
iframe[0].contentWindow.location.href = url;
}
}
} else {
var iframe = admin.tabsBody(admin.tabsPage.index).find('.layadmin-iframe');
iframe[0].contentWindow.location.href = url;
}
//定位当前tabs
element.tabChange(FILTER_TAB_TBAS, path);
admin.tabsBodyChange(tabsPage.index, {
url: url
,text: text
});
}
,APP_BODY = '#LAY_app_body', FILTER_TAB_TBAS = 'layadmin-layout-tabs'
,$ = layui.$, $win = $(window);
//初始
if(admin.screen() < 2) admin.sideFlexible();
//将模块根路径设置为 controller 目录
layui.config({
base: setter.base + 'modules/'
});
//扩展 lib 目录下的其它模块
layui.each(setter.extend, function(index, item){
var mods = {};
mods[item] = '{/}' + setter.base + 'lib/extend/' + item;
layui.extend(mods);
});
view().autoRender();
//加载公共模块
layui.use('common');
//对外输出
exports('index', {
openTabsPage: openTabsPage
});
});
引入js,调用方法
var url='/views/report/details.html?itemid=' + itemid + '&startdate=' + startdate + '&enddate=' + enddate;
top.layui.index.openTabsPage(url, "财务报表明细"); //完成页面跳转
上一篇: 一文简单的带你走进Java的JDBC世界
下一篇: C语言复习总结——易错点归纳