0
点赞
收藏
分享

微信扫一扫

easyui的按钮点击时layout布局west隐藏


当我们在用easyui的laoyout布局时,如果显示主页面采用的是tabs并且每添加一个tab时嵌套一个ifram,而在iframe中引用的界面有link-button按钮时,在IE8会出现点击该按钮west隐藏,解决方案如下:

<a href="javascript:void(0)" οnclick="goAcctBack();" class="easyui-linkbutton" iconCls="icon-back">返回</a>


 把href="#" 改成href="",或者不要href属性

 

添加每一页:


function addTab(title, url){
			if ($('#uiTab').tabs('exists', title)){
   			    $('#uiTab').tabs('select', title);
			} else {
    			var content = '<iframe scrolling="yes" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
   			 	$('#uiTab').tabs('add',{
        			title:title,
        			content:content,
       		 	    closable:true
    			});
			}
}

 

<body class="easyui-layout">
<div region="north" style="background:#fafafa;color:#2d5593;height:40px;">
	    <div style="font-size:16px;font-weight:bold;width:400px;padding:10px 0 0 10px;display:inline;">后台管理系统</div>    
	    <div align="right" style="display:inline">欢迎您:<shiro:principal property="name"/>!  </div>
	    <div align="right" style="display:inline"><a href="${ctx}/logout">退出登录</a></div>
	</div>
<div region="west" split="true" title="导航菜单" style="width:280px;padding1:1px;overflow:hidden;overflow-y:auto; overflow-x:auto; ">
		<div class="easyui-accordion" fit="true" border="false">
			<div title="系统管理">
				<table style="width:100%;">
					<tr>
						<td class="westmenu">
							<a href="javascript:addTab('推荐管理','${ctx}/artpic/index')">
								<img src="${ctx}/static/images/kontact.png"></img><br/>
								<span>推荐管理</span>
							</a>
						</td>
					</tr>
					<tr>
						<td class="westmenu">
							<a href="javascript:addTab('账号管理','account.html')">
								<img src="${ctx}/static/images/kdmconfig.png"></img><br/>
								<span>账号管理</span>
							</a>
						</td>
					</tr>
				</table>
			</div>
		</div>	
	</div>
	<div region="center" fit="true" style="overflow:hidden;">
		<div id="uiTab" class="easyui-tabs" fit="true" border="false">
			<div title="首页" style="padding:20px;overflow:hidden;"> 
				<img src="${ctx}/static/images/logo.gif" alt="Artron" id="logo-image" />
				<div style="margin-top:20px;">
					<p></p>
					<p> </p>
					<p></p>
				</div>
			</div>
		</div>
	</div>

</body>

举报

相关推荐

0 条评论