iframe调用父页面函数

最新推荐文章于 2022-08-09 18:22:20 发布

_下划线开头

最新推荐文章于 2022-08-09 18:22:20 发布

阅读量824

点赞数

文章标签： jsp js

本文链接：https://blog.csdn.net/u012138706/article/details/37902445

版权

window.parent.xxxxx();//xxxxx()代表父页面方法

具体列子如下，其中包括easyUI的右键和单击事件

parent.jsp

body部分代码

	<body class="easyui-layout">
		<!-- 左侧目录 -->
		<div
			data-options="region:'west',split:true,title:'主题',iconCls:'icon-arrowIn'"
			style="width: 270px; background: #efefef">
			<!-- 目录数 -->
			<ul id="tree" class="easyui-tree"></ul>
		</div>
		<input type="hidden" value="${param.type }" id="themeType"/>
		<!-- 右侧窗体 -->
		<div
			data-options="region:'center',title:'内容显示',iconCls:'icon-arrowOut'" style="overflow: hidden">
			<iframe name="leftIframe" id="leftIframe" src="" frameborder="0" height="100%" width="100%"></iframe>
		</div>
		<!-- 右键菜单 -->
		<div id=rightCliMean class="easyui-menu" style="width:120px;">
			<div οnclick="updateTheme();" data-options="iconCls:'icon-edit'" >修改</div>
			<div οnclick="removeObjectNode();" data-options="iconCls:'icon-tip'" >删除</div>
		</div>
		<script type="text/javascript">
			loadTree();
		</script>
	</body>

js部分：

				function loadTree() {
				$('#tree').tree( {
					url : 'xxxxx.action,
					animate : true,
					lines : true,
					onContextMenu : function(e, node) {
						e.preventDefault();
						$(this).tree('select', node.target);
						/**
						 * 不可以对根节点（默认主题）进行操作 
						 */
						var parent = $(this).tree('getParent',node.target);
						if(parent){
							if(node.text == '默认主题'){
								$.messager.alert("提示信息","默认主题不能进行操作!","warning");
								return false;
							}
							
							$('#rightCliMean').menu('show',{
								left: e.pageX,
								top: e.pageY
							});
						}
					},
					onClick:function(node) {//单机事件
						var type = node.attributes.type;
						if("Schema" == type){
							var themeType = $("#themeType").val();
							$('#leftIframe').attr('src', 'xxxx.action');
							return;	
						}
					}
				});
			}

child.jsp

			/**
			 * 刷新左侧主题
			 */
			$(function(){
				window.parent.loadTree();
			})

_下划线开头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe调用父页面函数

parent.jspbody部分代码
复制链接

扫一扫

iframe调用父页面函数

“相关推荐”对你有帮助么？