博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
从0开始学爬虫3之xpath的介绍和使用
查看>>
Shell成长之路
查看>>
vim下正则表达式的非贪婪匹配
查看>>
一个python的计算熵(entropy)的函数
查看>>
spring源码学习——spring整体架构和设计理念
查看>>
模拟window系统的“回收站”
查看>>
报文格式【定长报文】
查看>>
RDLC报表钻取空白页问题
查看>>
多路电梯调度的思想
查看>>
jQuery-对Select的操作
查看>>
过滤器、监听器、拦截器的区别
查看>>
为什么要进行需求分析?通常对软件系统有哪些需求?
查看>>
一些模板
查看>>
jquery和dom元素相互转换
查看>>
放大的X--HDOJ-201307292012
查看>>
题目831-签到-nyoj-20140818
查看>>
百词斩-斩家秘籍
查看>>
php反射
查看>>
Mysql主从配置,实现读写分离
查看>>
ES6中的Symbol
查看>>