Ext 切换TabPanel选项炎让tab切换

<%@ page language="c#" contenttype="text/html" responseencoding="gb2312" %>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>ext 切换tabpanel选项炎让tab切换</title>
</head>

<body>
<script>
ext.onready(function(){
            var tab = new ext.tabpanel({
                renderto: ext.getbody(),
                width: 200,
                height: 200,
                activetab: 0,
                items: [{
                    title: "panel-1",
                    items: {
                        xtype: "button",
                        text: "btn1",
                        handler: function () {
                            tab.items.get(1).show();
                        }
                    }
                }, {
                    title: "panel-2",
                    items: {
                        xtype: "button",
                        text: "btn2",
                        handler: function () {
                            tab.setactivetab(tab.items.get(0));
                        }
                    }
                }]
            });
});

</script>
</body>
</html>

时间： 2024-08-02 21:15:06

Ext 切换TabPanel选项炎让tab切换的相关文章

jquery实现的tab切换效果

以下是源代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>div

jquery实现初次打开有动画效果的网页TAB切换代码_jquery

本文实例讲述了jquery实现初次打开有动画效果的网页TAB切换代码.分享给大家供大家参考.具体如下: 这是一款初次打开有动画效果的网页TAB代码,只在第一次点击TAB菜单的时候,会显示动画,再次点击的时候就没有了,一个实用的网页选项卡效果,有需要的请下载吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-first-open-flash-style-tab-cha-codes/ 具体代码如下: <!DOCTYPE html PU

js实现tab切换效果实例_javascript技巧

直接先来个真相吧: [HTML代码] <div id="menu">  <ul id="nav"> <li><a href="#" class="selected">tab1</a></li> <li><a href="#" class="">tab2&

jQuery简单tab切换效果实现方法_jquery

本文实例讲述了jQuery简单tab切换效果实现方法.分享给大家供大家参考.具体如下: <script src="js/jquery-latest.js"></script> <SCRIPT language=javascript type=text/javascript> $(document).ready(function () { $('.tabtitle li').click(function () { var index = $(this)

JS简单实现tab切换效果的多窗口显示功能_javascript技巧

本文实例讲述了JS简单实现tab切换效果的多窗口显示功能.分享给大家供大家参考,具体如下: <div style=" text-align:center; margin-top:40px;"> <div class="menubox"> <span id="newstab1" class="hover" onmouseover="setTab('newstab',1,3)"&g

仿淘宝TAB切换搜索框搜索切换的相关内容_javascript技巧

一款仿淘宝TAB切换搜索框,想搜索哪方面的内容就切换到哪一个,感兴趣的朋友可以看看下面的代码 <div class="search"> <div id="searchBox"> <ul class="tab-bar clearfix" id="tabBar"> <li class="current" tips="请输入产品名称">商品<

原生js与jQuery实现简单的tab切换特效对比_javascript技巧

tab页签通常适用于空间有限而内容较多同时兼顾页面美观度不给用户一种信息过量视觉疲劳的情形.使用面非常广,下面我们用两种方法简单实现之. 首先,构建页面元素.页签的可点击部分我们通常用列表来承载,包括ul和ol,我们这里让页签呈横向分布,所以需要使之向左浮动.而页签内容部分使用div承载即可.另外,我们需要对具有共性的元素统一控制样式和行为,所以就有了下面的dom结构: <div id="main"> <ul id="tabbar" class=&

YUI的Tab切换实现代码_YUI.Ext相关

Tab切换应该不依赖于HTML结构,能给设计人员和前端开发最大的灵活性.原理:一个tab对象分为控制部分(trigger),内容部分(sheet).当trigger被触发时,显示对应的sheet. 以前大树写过一个TabControl的代码,经过两年的使用依旧很考谱,说明当初这个思路还是比较符合实际需求的.我改成了基于YUI的版本,可能看起来更清晰一些.先访问测试页面查看效果,完整javascript代码在这里. 注意:改成实际代码时,请将Tab类放在某个命名空间下,不要直接暴露在全局空间中.

tabpanel-用Extjs做的tab切换出了问题

问题描述用Extjs做的tab切换出了问题用Extjs搭建的界面中,在界面的south部分用了tab面板tabpanel,想实现两个tab的自由切换,两个tab中显示的是两个表格,每个表格用来显示数据库里推送来的数据.但是只有第二个tab能从数据库的得到数据,用浏览器调试时,显示第一个tab中的post请求被终止了,第二个tab中的请求没有被终止,是正常运行的.请问如何改动才能使第一个tab中的post不被终止?