layerui代码控制tab选项卡,添加,关闭的实例_layui-tab

1.7k 浏览量更新于2023-05-30 评论收藏 53KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

layerui代码控制代码控制tab选项卡选项卡,添加添加,关闭的实例关闭的实例

今天小编就为大家分享一篇layerui代码控制tab选项卡,添加,关闭的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

废话不多说，直接上代码吧！

<!DOCTYPE html>

<html>

<head>

<title>layui</title>

</head>

<body>

<div class="layui-logo">layui 后台布局</div>

</dl>

</li>

</ul>

贤心

</a>

</dl>

</li>

</ul>

</div>

</dl>

</li>

</dl>

</li>

</ul>

</div>

</ul>

</div>

<button class="layui-btn site-demo-active" data-type="tabAdd">新增Tab项</button>

</div>

layui.use('element', function () {

var $ = layui.jquery

, element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

//触发事件

var active = {

tabAdd: function () {

//新增一个Tab项

element.tabAdd('demo', {

title: '新选项<i class="layui-icon layui-unselect layui-tab-close"> </i>' //用于演示

, content: '内容' + (Math.random() * 1000 | 0)

, id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下

});

//增加点击关闭事件

var r = $(".layui-tab-title").find("li");

//每次新打开tab都是最后一个，所以只对最后一个tab添加点击关闭事件

r.eq(r.length - 1).children("i").on("click", function () {

alert($(this).parent("li").attr('lay-id'));

element.tabDelete("demo", $(this).parent("li").attr('lay-id'));

}), element.tabChange("demo", r.length - 1);

element.init();

}

, tabDelete: function (othis) {

//删除指定Tab项

element.tabDelete('demo', '44'); //删除：“商品管理”

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38705530

粉丝: 7
资源: 894

会员权益专享

layerui代码控制tab选项卡,添加,关闭的实例

评论0

会员权益专享

最新资源

layerui代码控制tab选项卡,添加,关闭的实例

评论0

我理解您已经在uni-app中获取了相应的数据，现在您想展示这些数据到页面上的tab选项卡中。

uniApp实现点击tab选项卡展现该状态的数据

用vue写一个TAB选项卡

用forEach 编写多个方法选项卡代码

用React做一个简单地选项卡实例

代码生成 (VC6添加tab页)

JavaScript编写一个选项卡代码

在一个已经有其他页面跳转参数的uni-app页面中，使用该页面的option参数值去获取特定的json数据，在通过该json数据的关键字来展现相应的tab选项卡数据。

写一个选项卡的前端html代码

用uniapp H5端通过上个页面传的手机号请求后端并接受到此手机号的全部JSON信息，再通过JSON里面特定的关键字“status”中的值来实现点击tab选项卡展现该状态的数据

用forEach表达一个选项卡

vant-tab切换不重新渲染

python ktinter 创建选项卡

JavaScript编写多个方法选项卡代码

用forEach,function表达一个选项卡

这个代码能否加上一个附带选项卡

matlab的app designer如何用代码实现点击菜单栏进入某选项卡组

成功实现WinXPWin8双系统及不影响Win8系统秒开功能.pdf

ASP电子商务网站建设(源代码+论文).zip

会员权益专享

最新资源