jeesite实战(十六)——点击菜单，刷新iframe数据

系列文章目录

---

---

前言

本系列文章主要记录项目过程中重点的项目技术

---

一、目标

jeesite框架中，默认第一次点击左侧菜单的时候，将会自动在菜单顶端添加一个tab页面以及iframe,但是如果这个tab不关闭，无论点击多少次菜单，tab页面中的内容不会刷新。我们需要实现的目标是，点击tab页面的时候，如果存在对应的tab，那么刷新tab对应的内容

二、实现目标

1.查找文件位置

在web模块的static文件夹中查找common文件夹是否存在；如果不存在，在core模块中static文件夹，复制common文件夹中的内容到web模块的static文件夹中

2.common.js文件修改

在common.js文件中添加JS函数

/*!
 * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
 * 项目自定义的公共JavaScript，可覆盖jeesite.js里的方法
 */

//实现点击菜单左侧，tab页面中的数据重新加载
$(document).on('click', '.addTabPage', function(e) {
	//获得当前打开的iframe页面
	var tabId = $(this).attr('data-tab-id');
	if (tabId) {
		var iframe = $('#' + tabId + '-frame');
		if (iframe.size() > 0) {
			iframe[0].contentWindow.location.reload();
		}
	}
});

3.重启服务器

重启服务器后，再次访问，发现实现我我们想要的效果

---

总结

至此，本文章结束