首页 > 其他分享 >关于LayuiAdmin单页版 点击 生成新的 tab标签页

关于LayuiAdmin单页版 点击 生成新的 tab标签页

时间:2024-04-06 21:57:46浏览次数:27  
标签:LayuiAdmin Tab 单页 layui element 点击 tab text var

挠头一小时,解决一秒钟

直接上代码

html

<button class="layui-btn layuiadmin-btn-useradmin"  id="openNewTabBtn" >添加</button>

js


	    layui.use(['element', 'table','jquery'], function(){
		var $ = layui.$
		var element = layui.element 

	 // 假设有一个按钮,点击后打开新Tab
    $('#openNewTabBtn').on('click', function(){

        var text = '新增源码'; // 新Tab的标题
        var href = "{:url('ym/addym')}"  ; // 新Tab要加载的内容页面的URL

       //执行跳转
        var topLayui = parent === self ? layui : top.layui;
        topLayui.index.openTabsPage(href, text  );
    });

});

标签:LayuiAdmin,Tab,单页,layui,element,点击,tab,text,var
From: https://www.cnblogs.com/79524795-Tian/p/18117971

相关文章

  • 实战培训班:AIGC-Stablediffu+PS服装设计-服装设计师的人工智能课(16节)
    课程内容:1_一、先导片:课程介绍及课前准备-认识AI人工智能.mp42_二、Stablediffusion-基础学习-Stablediffusio运行的电脑配置要求.mp43_二、Stablediffusion-基础学习-Stablediffusio安装部署及注意事项.mp44_二、Stablediffusion-基础学习-SD-仙宫云部署.mp45_二、Stabl......
  • Stable Diffusion的本地部署教程
    以下是在Windows10电脑上的操作步骤:一、下载安装包从以下夸克网盘下载地址下载安装包到本地,地址如下:链接:https://pan.quark.cn/s/7c51556d27eb提取码:cFdx输入提取码之后,界面如下图:选中SD目录之后,点击“下载”按钮,将这个目录文件全部下载到本地硬盘二、安装StableDiff......
  • Stable Diffusion本地部署教程
    StableDiffusion本地部署的步骤一般包括准备环境、下载StableDiffusion模型和依赖库、配置运行参数等。下面是一个通用的教程,用以在计算机上本地部署StableDiffusion。准备环境1.确保硬件满足最低要求:  -一块NVIDIAGPU,至少4GB显存(推荐更高显存)  -足够的磁盘空......
  • ETL工具-nifi干货系列 第八讲 处理器PutDatabaseRecord 写数据库(详细)
    1、本节通过一个小例子来讲解下处理器PutDatabaseRecord,该处理器的作用是将数据写入数据库。如下流程通过处理器GenerateFlowFile生成数据,然后通过处理器JoltTransformJSON转换结构,最后通过处理器PutDatabaseRecord将数据写入数据库。如下图所示 2、处理器GenerateFlowFile......
  • 云原生技术赋能AI绘图:Stable Diffusion在腾讯云的部署与应用新篇章
    摘要随着信息技术的飞速发展和数字化转型的深入推进,云原生架构已成为企业数字化转型的重要基石。Docker容器、Serverless和微服务等技术作为云原生的核心组成部分,正在不断推动着企业应用架构的革新与升级。本文旨在总结近期在云原生实践、容器技术、Serverless应用以及微服......
  • alias: { 'rc-table$': path.resolve('src'), 'rc-table/es': path.resolve
    这段配置出现在一个JavaScript对象中,通常作为webpack配置的一部分,具体来说是在alias字段内。alias是webpack的一项功能,允许开发者为模块请求(modulerequest)设置别名,以简化模块导入路径,增强代码可读性和维护性。以下是这段配置的具体解释:alias:{'rc-table$':path.r......
  • 【QT入门】 无边框窗口设计之综合运用,实现WPS的tab页面
    往期回顾:【QT入门】无边框窗口设计之实现窗口阴影-CSDN博客【QT入门】无边框窗口设计之实现圆角窗口-CSDN博客【QT入门】无边框窗口设计综合运用之自定义标题栏带圆角阴影的窗口-CSDN博客 【QT入门】无边框窗口设计之综合运用,实现WPS的tab页面一、最终效果 实现......
  • C# NPOI 读取EXCEL数据后转化为DataTable
    XSSF是用于.xlsx(2007以后版本)HSSF是用于.xls(2007以前版本)//也可以根据后缀名自动切换IWorkbookIWorkbookworkbook;if(fileExt==".xlsx"){workbook=newXSSFWorkbook(fs);}elseif(fileExt==".xls"||fileExt==".xlt"){workbook=newHSSFWorkboo......
  • Stable diffusion 加载扩展列表报错解决方法
    项目场景:在使用Stablediffusionwebui时,使用扩展列表出现错误问题描述点击loadfrom后,出现加载扩展列表报错原因分析:下载的扩展的时候,都是github的url,需要科学上网,如果不能科学上网那就需要更改相关地址。解决方案:打开ui_extensions.py文件将下图红框中的地址......
  • layui table 根据某个栏位值隐藏某列
    需求:如果是新建的单据,就不允许进行勾选;如果打开之前建立的旧单,就可以进行勾选。 假设前面增加的选择项的部分是{field:'index1',checkbox:true,......