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

最新推荐文章于 2022-05-04 16:47:10 发布

hqmln

最新推荐文章于 2022-05-04 16:47:10 发布

阅读量1.3k

点赞数

分类专栏： easyui学习文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/hqmln/article/details/84340274

版权

easyui学习专栏收录该内容

21 篇文章 0 订阅

订阅专栏

当我们在用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="javascript:void(0)"，或者不要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>&nbsp;&nbsp;&nbsp;&nbsp;
	    <div align="right" style="display:inline">欢迎您:<shiro:principal property="name"/>!&nbsp;&nbsp;</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>&nbsp;</p>
					<p></p>
				</div>
			</div>
		</div>
	</div>

</body>