当前位置: 首页 > news >正文

layuiadmin新建tabs标签页,点击保存,打开新的标签页并刷新

用的layuiamin前端框架
需求:新增的页面为一个标签页,保存后,需要刷新列表
在这里插入图片描述

1、新建customMethod.js文件,自定义自己的方法

layui.define(function (exports) {var $ = layui.$var customMethod = {// 表单点击保存后,新表单当前页,并新开标签页刷新reload: function (link,title) {top.layui.index.openTabsPage(link, title); //打开新标签页setTimeout(function () {// 刷新当前页面location.reload();// 刷新新开标签页var src = $("#LAY_app_body .layadmin-tabsbody-item.layui-show>iframe", parent.document).attr("src")// console.log("122", src);$("#LAY_app_body .layadmin-tabsbody-item.layui-show>iframe", parent.document).attr("src", src)}, 100)},init: function (some) {console.log("其它公用方法")},};exports('customMethod', customMethod);
})

2、找到config.js文件,引入自定义方法
//扩展的第三方模块
,extend: [
‘customMethod’,//公用文件
‘echarts’, //echarts 核心包
‘echartsTheme’ //echarts 主题
]

3、在需要使用html页面use模块

<script>layui.config({base: '../../layuiadmin/' //静态资源所在路径}).extend({index: 'lib/index' //主入口模块}).use(['index', 'console','customMethod'], function () {var $ = layui.$, setter = layui.setter, admin = layui.admin, form = layui.form, router = layui.router(), search = router.search, customMethod = layui.customMethod;console.log("当前")$("#aaa").click(function () {customMethod.reload("home/homepage1.html","主页一")})//在提交保存的地方//customMethod.reload("{:url('ditch/channel/channelList')}", "渠道列表");//打开列表});</script>

4、

http://www.lryc.cn/news/271778.html

相关文章:

  • Rxjs概念 学习
  • pillow像型学操作(转载笔记) --- 西北乱跑娃
  • JS作用域链和闭包
  • 【Spring实战】15 Logback
  • Stable Diffusion WebUI安装合成面部说话插件SadTalker
  • CSS 纵向顶部往下动画
  • 科普:敏捷估算为什么用斐波那契数列
  • HarmonyOS资源分类与访问
  • message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra
  • 基于C#的机械臂欧拉角与旋转矩阵转换
  • 【百度前端三面面试题】
  • 【Java面试题】HTTP与 HTTPS 的区别
  • vue3 v-model语法糖
  • 【k8s】deamonset文件和说明
  • Zookeeper-Zookeeper特性与节点数据类型详解
  • 云计算复习提纲
  • Vue-响应式数据
  • Vue开发者必备!手把手教你实现类似Element Plus的全局提示组件!
  • 大数据 - Hadoop系列《三》- HDFS(分布式文件系统)概述
  • Golang标准库sync的使用
  • 判断两张图片是否完全一致
  • 2024洗地机哪家强?口碑洗地机推荐
  • k8s的资源管理
  • docker应用部署(部署MySql,部署Tomcat,部署Nginx,部署Redis)
  • 非常好用的ocr图片文字识别技术,识别图片中的文字
  • 20231227在Firefly的AIO-3399J开发板的Android11的挖掘机的DTS配置单后摄像头ov13850
  • Unity中Shader裁剪空间推导(透视相机到裁剪空间的转化矩阵)
  • 企业签名分发对移动应用开发者有什么影响
  • 3D游戏角色建模纹理贴图处理
  • 【C++ 单例模式】