EasyUI Tab加载iframe加入了frameborder=0和scrolling=no，依然还是有滚动条 - ITeye问答

问答首页 → Web前端技术

0 0

EasyUI Tab加载iframe加入了frameborder=0和scrolling=no，依然还是有滚动条0

EasyUI Tab加载iframe加入了frameborder=0和scrolling=no，依然还是有滚动条。
和一页多少条没关系，现在17条数据一页，改10条也还是存在滚动条。

var treelist = [{
	text:'用户管理',
	// state:'closed',
	children:[{
		text:"用户管理",
		attributes:{
			url:'ajax/userManage.jsp'
		}
	}]
},{
	text:'商铺管理',
	state:'closed',
	children:[{
		text:'商铺管理',
		attributes:{
			url:'ajax/storeManage.jsp'
		}
	}]
}];
function loadTab(node){
	var panel_tab = $("#panel_tab");
	var arg = node.attributes;
	panel_tab.tabs({
		border:false,
		fit:true
	})
	if(panel_tab.tabs('exists',node.text)){
		panel_tab.tabs('select',node.text);
		return false;
	}
	panel_tab.tabs('add',{
		title:node.text,
		content:'<iframe scrolling="no" frameborder="0"  src="'+node.attributes.url+'" style="width:100%;height:100%;"></iframe>',
		closable:true
	})
}
$(function(){
	$("#panel_center").html("<div id='panel_tab' class='easyui-tabs'></div>");
	$("#panel_left").html("<div id='panel_left_tree'></div>").children().tree({
		data : treelist,
		onClick:function(node){
			var target = node.target;
			if(!$(this).tree('isLeaf',target)){
				$(this).tree('toggle',target)
			}else{
				loadTab(node);
			}
		}
	})
})

JavaScript jQuery Ajax easyui

2014年11月17日 19:08

D调小智
3
0 0 7

查看图片附件

目前还没有答案

相关推荐

easyui iframe 页面重复加载的问题: 在使用easyui框架开发Web应用时，特别是在使用tab布局的时候，开发者可能会遇到页面内容被放置在iframe中时，页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生，因为easyui会默认加载所有tab的内容，...

关闭easyui 的tab 释放iframe的内存: ### 关闭EasyUI的Tab并释放Iframe内存的方法 #### 背景介绍在使用EasyUI框架开发Web应用程序时，经常会用到`Tabs`组件。`Tabs`组件允许用户在一个容器内创建多个标签页，每个标签页可以独立加载不同的内容。其中一...

easyui tab: EasyUI Tab是一个基于jQuery和EasyUI框架的优秀Tab选项卡插件，它为网页应用程序提供了简单、高效且灵活的选项卡管理功能。EasyUI是一个轻量级的前端开发框架，集合了众多实用的组件，如表格、对话框、菜单、树形...

扩展EasyUI tabs 组件,加载tab页时添加遮罩: 这个脚本很可能是对EasyUI原生tabs组件的扩展，包含了添加遮罩并在加载新tab页时自动显示和隐藏遮罩的逻辑。实现这个功能的步骤可能包括： 1. **监听事件**：首先，我们需要监听tabs组件的特定事件，如...

JS EasyUI DataGrid动态加载数据: JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件，它提供了丰富的功能，如数据分页、排序、过滤和自定义操作等。在实际应用中，动态加载数据是DataGrid的一个重要特性，允许用户在需要时加载更多的...

Easyui添加Tab右键菜单: 通常，一个Tab面板由`<div>`元素包裹，使用`class="easyui-tabs"`进行标识，并且每个Tab页都有一个对应的`<div>`元素，用`data-title`属性定义Tab的标题。例如： ```html <div class="easyui-tabs" id="tabs"> ...

easyui layout+tab+tree实现网站基本布局: 此外，标签"源码"和"工具"提示我们，这份资料可能包含了一些实际的代码示例，对于学习和理解EasyUI的使用非常有帮助。通过深入研究提供的博客链接（https://cping.iteye.com/blog/2174449）和`EasyUITest`压缩包中的...

jQuery EasyUI Tab 选项卡问题小结: var content = '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:99%;"></iframe>'; $('#mainTabs').tabs('add', { title: title, content: content, closable: true, ...

如何解决jQuery EasyUI 已打开Tab重新加载问题: 当用户需要在已打开的Tab中实现数据的刷新和重新加载时，可能会遇到一些挑战。本文将详细介绍如何解决jQuery EasyUI中已打开Tab的重新加载问题。首先，我们需要理解`tabs`组件的一些基本操作。`tabs('exists', ...

UI的dialogr和easyui中的tab的结合使用: 结合使用 Dialogr 和 EasyUI 的 Tab 组件，我们可以创建一个可弹出的多标签对话框，用户可以在其中切换不同的内容，类似于浏览器中的标签页。以下是一些关键步骤和知识点： 1. **引入库**：首先，在HTML文件中引入...

jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法: 本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考，具体如下：我们在使用EasyUI Tabs框架时，在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法，这时候我们...

jQuery EasyUI 实例演示（菜单、TAB等）: jQuery EasyUI 是一款基于 jQuery 的前端开发框架，它简化了网页界面的构建，提供了丰富的组件，如菜单、TAB页、对话框、表格等，帮助开发者快速实现交互式用户界面。这个实例演示集主要展示了如何使用 jQuery ...

easyui tabs 右键关闭: EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列易于使用的组件，如对话框、菜单、表格、树形视图和选项卡等，帮助开发者快速构建用户界面。在本主题中，我们将聚焦于“easyui tabs 右键关闭”这一功能，即...

div被iframe遮住的几种情况及解决方法: 设置scrolling参数为“no”可以消除IFRAME滚动条，这在某些布局中可以避免滚动条导致的遮挡问题。最后，通过调整IFRAME的height和width属性可以确定IFRAME的尺寸，适当调整这些尺寸也可以解决部分遮挡问题。总结...

JqueryEasyUI Tree 动态加载，稍作修改就可以用了: 本篇文章将深入探讨如何实现jQuery EasyUI Tree的动态加载，并根据提供的标题和描述，分享一些可能的实现方法。动态加载是一种优化技术，可以提高用户体验，避免一次性加载大量数据导致页面响应变慢。对于Tree组件...

Easyui 去除jquery-easui tab页div自带滚动条的方法: 这条CSS规则指定了当页面加载EasyUI的Tab组件时，如何通过CSS选择器找到对应的元素，并应用样式。具体的选择器是针对ID为“tabs”的Tabs容器下的子元素，其中包括面板（panel）以及面板内容区域（panel-body）。 ...

解决easyui不加载js问题.pdf: 在使用EasyUI框架时，尤其是涉及到Tab组件时，经常遇到的一个问题是JavaScript无法正常执行。这个问题主要出现在使用`href`属性加载外部HTML片段的情况。本文将深入解析这个问题的原因，并提供解决方案。 EasyUI是...

jQuery easyui后台管理页面tab布局样式代码: 但根据标题和描述，我们可以推测这个压缩包可能包含了一个或者多个实现了jQuery EasyUI Tab布局的示例页面或代码片段，供开发者参考和学习。如果要深入理解并运用这些代码，建议解压文件后查看源代码，了解其具体...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics