<!--这里使用Tab标签页做了几个尝试，首先是出现标签页；然后是标签页可用性设置；接着是标签页的内容控制，从外部导入以及引用其他的页面。xcl-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="resources/css/tab.css" />
<script type="text/javascript" src="js/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
</head>
<body>
<script>
Ext.onReady(function(){
var ta = "<html><body>只是美丽我们回不到那天</body></html>";//尝试了在外部引入html
var tabs = new Ext.TabPanel({
renderTo:'tabs1',
activeTab:0,
items:[
{title:'tab1',html:'<input type="button" onclick=fun() value="click"></input>'},
{title:'tab2',html:'Another'},
{title:'tab3',id:'tab3',disabled:true,html:ta}, //设置开始时不可用
{title:'tab4',html:'<div><iframe src ="http://localhost:8080/GridPortal1.0" height="600" width="100%"></iframe></div>'} //尝试引入了一个iframe
]
});
});
function fun(){
alert("ok");
Ext.getCmp('tab3').disabled = false;//设置tab3标签页可用
}
</script>
<div id='tabs1'></div>
</body>
</html>
分享到：
相关推荐
关于"Ext Tab frameset"的标签，frameset是HTML中用于创建多窗口布局的元素，通常与frame元素一起使用。然而，ExtJS的TabPanel并不直接使用frameset，而是用一个可配置的、基于Div的布局系统来实现类似的分隔效果。...
标题“ext tab”可能指的是EXTJS库中的TabPanel组件，这是一种在Web应用中常用的功能，用于展示多个视图或页面，用户可以通过标签页在不同内容间切换。EXTJS是一个用JavaScript编写的富客户端UI框架，它提供了丰富的...
ExtJS Tab Panel是Ext JS库中的一个核心组件，它用于创建具有多个标签页的应用界面，类似于浏览器中的标签页。在Web应用中，Tab Panel经常被用来组织和展示大量的信息，让用户能够在一个页面上轻松切换不同的内容...
4. Card布局：由`Ext.layout.CardLayout`定义，只在特定时刻显示一个子组件，常用于实现步骤向导或Tab面板，其中每个子组件代表一个独立的“卡片”。 掌握这些布局方式，开发者可以创建出复杂多样的界面结构，以...
在本主题中，我们关注的是"javascript 经典tab控件"，这是一种常见的网页组件，用于组织和展示多块内容，让用户能够通过点击不同的标签来切换显示的内容。这种控件在许多网站和应用程序中都有应用，如设置页面、产品...
**创建Tab控制逻辑**: 编写用于控制标签页切换的JavaScript代码。 #### 9. 表单组件入门 - **表单组件**: 提供了创建复杂表单的能力，包括验证和提交数据等功能。 - **创建流程**: 1. **创建表单体**: 设计表单...
9.5.1 标签面板的构成及其运行流程：ext.tab.panel、ext.tab.bar与ext.tab.tab / 458 9.5.2 标签面板的配置项、属性、方法和事件 / 462 9.5.3 使用标签页 / 463 9.5.4 可重用的标签页 / 465 9.6 视图与选择模型...
**创建Tab控制逻辑**: 编写JavaScript代码控制Tab的显示和切换。 #### 8. EXT源码概述 - **源代码结构**: 介绍了EXT源码的基本结构，包括核心模块、适配器等。 - **核心模块**: - **适配器(Adapters)**: 提供不同...
选项卡组件用于展示多个页面内容，每个页面是一个单独的选项卡。 8. **树（Tree）** - `xtype: 'tree'` 对应的类是 `Ext.tree.Panel`。树组件用于显示层次结构的数据，例如文件系统或组织结构。 9. **滑块...
Tab组件可以用来创建标签页，方便用户切换不同的内容区域。 ##### 7.1 效果 - 展示一组标签页，每个标签页都包含不同的内容。 ##### 7.2 代码 - **JS文件**： ```javascript new Ext.TabPanel({ renderTo: '...
如Ext.grid.Panel（网格面板）用于创建交互式的表格数据视图，Ext.tree.Panel（树面板）用于展示层级数据，Ext.form.Panel（表单面板）用于构建用户输入表单，以及Ext.tab.Panel（标签面板）用于在有限的空间内切换...
**TABPANEL** 容器是另一个重要的容器类型，用于创建包含多个标签页的界面。每个标签页都可以有自己的内容和标题。 - **简单的 TABPANEL 容器**： ```html <div id="tab-panel" xtype="tabpanel"> ...
- **JSP头格式**：明确了JSP页面头部信息的标准化格式，包括编码、指令和标签库的声明。 - **其他规范**：提供了额外的JSP开发指南，涵盖编码习惯、布局设计等方面。 #### 第四章 数据库规范 - **命名规则**：...
例如，使用Ext.require()函数来引用需要的组件库，使用标签引用样式表，使用标签来包含JavaScript文件。 ### 程序架构设计 一个成功的手机客户端程序通常需要包含几个主要窗口： 1. **定位窗口**：实现用户定位...