首页 > 其他分享 >easyui的按钮点击时layout布局west隐藏

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

时间:2023-04-17 11:05:53浏览次数:43  
标签:layout easyui title tabs west uiTab content href 按钮


当我们在用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>

标签:layout,easyui,title,tabs,west,uiTab,content,href,按钮
From: https://blog.51cto.com/u_16071779/6194756

相关文章

  • 4.16网格布局GridLayout
    网格布局支持多行多列的表格排列。网格布局默认从左往右、从上到下排列,它新增了两个属性:columnCount属性,它指定了网格的列数,即每行能放多少个视图;rowCount属性,它指定了网格的行数,即每列能放多少个视图;......
  • 什么是前端开发领域的 Cumulative Layout Shift 问题
    CLS是CumulativeLayoutShift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLSissue指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。在前端开发中,CLSissue是一个常见的问题,通常由于页面中的图片、视频或广......
  • Android深入学习之LayoutInflater类和ViewBinding
    在build.gradle(Module)中添加viewBinding元素后,Android会自动给模块中的每个XML布局文件生成一个相应的Binding类,该Binding类名称为XML布局文件驼峰式大写+Binding后缀。以如下所示的activity_welcome.xml文件为例,对应的ActivityWelcomeBinding.java的源代码如下所示。<?xmlv......
  • abp(net core)+easyui+efcore实现仓储管理系统——模块管理升级之上(六十一)
     Abp(netcore)+easyui+efcore实现仓储管理系统目录abp(netcore)+easyui+efcore实现仓储管理系统——ABP总体介绍(一)abp(netcore)+easyui+efcore实现仓储管理系统——解决方案介绍(二)abp(netcore)+easyui+efcore实现仓储管理系统——领域层创建实体(三) abp(netcore)+e......
  • 什么是前端开发领域的 Cumulative Layout Shift 问题
    CLS是CumulativeLayoutShift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLSissue指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。在前端开发中,CLSissue是一个常见的问题,通常由于页面中的图片、视频或广......
  • DrawerLayout的简单使用
    本节给大家带来基础UI控件部分的最后一个控件:DrawerLayout,官方给我们提供的一个侧滑菜单控件,和上一节的ViewPager一样,3.0以后引入,低版本使用它,需要v4兼容包,说到侧滑,相信很多人都用过github上的SlidingMenu,不过好像有两个版本,一个是单独的,另一个需要依赖另一个开源项目:ActionBarSher......
  • 【BUG】ExtJS 的Tab Reorder 插件持续更新布局问题解决办法 (Solution to layout issue
    更新记录2023年4月13日初始化。ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html问题不停的拖动tab栏,会不断更新布局。Draggingthetabbarcontinuouslywillupdatethelayoutconstantly.解决办法进入ExtJS包,打开ux目录下的BoxReorderer.js文件,找......
  • Andorid NoSuchFieldError: No static field D of type I in class Lx/x/x/R$layout解
    一、介绍我们在开发过程中,会出现各种问题,包括布局资源的问题,但是这种布局几乎是和资源有关,出现这种情况有以下三种1.资源冲突资源冲突,最右可能造成的原因是两个不同的module拥有相同的layout名字,这就会导致在打包的时候,如果别的module优先被处理,占据了有利先机,而你的资源可能被别人......
  • abp(net core)+easyui+efcore实现仓储管理系统——模块管理升级(六十)
    Abp(netcore)+easyui+efcore实现仓储管理系统目录abp(netcore)+easyui+efcore实现仓储管理系统——ABP总体介绍(一)abp(netcore)+easyui+efcore实现仓储管理系统——解决方案介绍(二)abp(netcore)+easyui+efcore实现仓储管理系统——领域层创建实体(三) abp(netcore)+eas......
  • Pro Android学习笔记(二六):用户界面和控制(14):RelativeLayout
    相对布局:RelativeLayoutRelativeLayout也是非常常用的布局,能够精确对控件的位置进行网格对齐,可以设置在控件与其他控件的相对位置,以及控件在容器中的位置。缺省控件的位置为最上面还最左边。下面结合一个例子来进行解说。<?xmlversinotallow="1.0"encoding="utf-8"?><Relativ......