博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EasyUI Tabs
阅读量:4567 次
发布时间:2019-06-08

本文共 728 字,大约阅读时间需要 2 分钟。

使用js来加载tab,防止多次加载

举例:

html代码

	

tab js调用方法

$(function() {	var titleArray = [ "基本信息", "其它信息" ];	var urlArray = [ "view?guid=${guid}", "other?guid=${guid}" ];	loadTab(titleArray, urlArray);});

js加载方法 

function loadTab(titleArray, urlArray) {	for (var i = 0; i < titleArray.length; i++) {		var content = '';		$('#tt').tabs('add', {			title : titleArray[i],			content : content		});	}	// 默认选中第一个	$('#tt').tabs({		selected : 0	});	// 高度自适应	$(".frame-size").height($("body").height() - $(".tabs-header").height());}

iframe自适应

iframe {	width: 100%;	height: 100%;	border: 0;}

 

以前使用的方法,使用easyui-tabs来加载内容,使用iframe来展示内容

	

  

 

转载于:https://www.cnblogs.com/fengzhentian/p/4792536.html

你可能感兴趣的文章
A - Mike and palindrome
查看>>
DOTween教程
查看>>
java web中java和python混合使用
查看>>
创建学员类和教员类
查看>>
Cookie和Session的作用和工作原理
查看>>
字符串操作
查看>>
Visual Studio中改变environment 的布局和显示风格
查看>>
2016-XCTF Final-Richman
查看>>
文件下载
查看>>
extjs grid renderer用法
查看>>
vue 如何在循环中绑定v-model
查看>>
shell脚本
查看>>
[代码笔记]JS保持函数单一职责,灵活组合
查看>>
cmd 重定向
查看>>
【IOS开发】如何画1像素的线
查看>>
KMP模板
查看>>
luogu 1314 聪明的质检员
查看>>
[转载]求职者防骗必读!楼主亲身经历告诉你岗前培训多么不靠谱而且违法!
查看>>
Hibernate内存溢出分析一例
查看>>
基于Axis1.4的webservice接口开发(接口调用)
查看>>