2010.04.14(4)———Ext 之tab_tuichixianshi 推迟显示

2010.04.14(4)———Ext 之tab_tuichixianshi  推迟显示

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>推迟显示</title>
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
    <!-- ext-base.js必须在ext-all前面,不然,Ext无法识别 -->
    <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    
<script type="text/javascript">
Ext.onReady(function(){
	Ext.QuickTips.init();
	//初始化单例。任何基于标签的快速提示开始工作,鼠标悬浮时出现的提示
	new Ext.Window({
		title: "延迟显示",
		width: 600,
		height: 300,
		layout: "fit",
		items: [
			{
				xtype: "tabpanel",
				//Ext在ComponentMgr的帮忙下明白这么一回事:“如果我要实例化xtype tabpanel的对象,
				//我就知道要创建的实际是类Ext.TabPanel的对象
				//延时实例化,只有在被使用时才会去新建实例,减少内存的压力
				//一个xtype就对应Ext的一个类
				id: "myTab",
				//组件唯一的id,可以被Ext.getCmp()调用,返回这个组件
				activeTab: 0,
				enableTabScroll: true,
				boder: true,
				resizeTabs: true,
				minTabWidth: 70,
				items:[
					{
						title: "呵呵,我是第一个",
						html: "噢噢噢噢噢噢噢噢噢噢噢噢"
					}
				]
			}
		]
	}).show();	

	var temp = 20;
	var fn = function(num){
		for(var i=1;i<=num;i++){
			var title = "标签"+i;
			Ext.getCmp("myTab").add({//获得id为"myTab"的组件,并添加选项卡
				title: title,
				html: "我是第"+i+"个。。。。。",
				closable: true,
				tabTip: title
			});
		}
	}
	var fn2 = function(){fn(temp);}//闭包
	fn2.defer(3000);//延迟执行 ext的新方法,延迟3秒执行fn2
});


</script>
</head>
  
<body>

</body>
</html>













你可能感兴趣的:(html,工作,ext)