00015-layui 的页签tabs切换,刷新页签的内容
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了00015-layui 的页签tabs切换,刷新页签的内容,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1396字,纯文字阅读大概需要2分钟。
内容图文
![00015-layui 的页签tabs切换,刷新页签的内容](/upload/InfoBanner/zyjiaocheng/1308/7f90bbc1009f45a49acdbc4f1ce7e388.jpg)
<div >
<div lay-filter="myTaskTabs">
<ul >
<li >待处理</li>
<li>我创建</li>
<li>已完成</li>
<li>全部</li>
</ul>
<div >
<div >
<iframe src="myTaskTodoList.jsp" frameborder="0" name="iframe0" ></iframe>
</div>
<div >
<iframe src="myCreateTaskList.jsp" frameborder="0" name="iframe1" ></iframe>
</div>
<div >
<iframe src="myTaskDoneList.jsp" frameborder="0" name="iframe2" ></iframe>
</div>
<div >
<iframe src="myTaskList.jsp" frameborder="0" name="iframe3" ></iframe>
</div>
</div>
</div>
</div>
<script>
layui.config({
base: ‘${ctxLayui}/layuiadmin/‘
}).extend({
index: ‘lib/index‘
}).use([‘index‘, ‘table‘,‘dict‘,‘laydate‘,‘util‘,‘element‘], function(){
var $ = layui.$,table = layui.table,form = layui.form;
var dict = layui.dict;
var laydate = layui.laydate;
var admin = layui.admin;
var util = layui.util;
var element = layui.element;
element.on(‘tab(myTaskTabs)‘,function (data) {
var index = data.index;
var urlArr = [
‘myTaskTodoList.jsp‘,
‘myCreateTaskList.jsp‘,
‘myTaskDoneList.jsp‘,
‘myTaskList.jsp‘,
];
layui.$("iframe[name=‘iframe" + index + "‘]").attr("src",urlArr[index]);
})
});
</script>
即动态修改 iframe 的src ,页面会重新加载。
原文:https://blog.51cto.com/14816966/2499448
内容总结
以上是互联网集市为您收集整理的00015-layui 的页签tabs切换,刷新页签的内容全部内容,希望文章能够帮你解决00015-layui 的页签tabs切换,刷新页签的内容所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。