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

流浪鱼

浏览: 1682998 次
性别:
来自: 北京

最近访客更多访客>>

mlx09

luffy2341

kannan22

lesliehanhan

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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

博客分类：

easyui学习

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

<a href="javascript:void(0)" onclick="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>

分享到：

前端绘图方式 | 常用类的注释范例

2012-10-26 17:30
浏览 517
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

easyui datagird 拖拽

火狐下easyui1.3.1弹出window框定位不到中间

easyui验证的删除和恢复

easyui验证扩展

取到easyui的tab下iframe方法

combotree的setValue指定值后不能展开

easyui的combotree反写的方式

easyui验证扩展包括半角.

判断页面是否有window、messager显示

修改Messager中的alert方法info默认图片

datagird分页查询问题

easyui中datagrid查询时使用对象名

datagrid的扩展

datagrid扩展editor

eayui的validatebox分析

tabs源码分析

panel源码分析

panel中没有title整个头不显示

css a:hover属性使用发现问题

easyui使用的两种引用方式

最近访客更多访客>>