`
galo
  • 浏览: 37475 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

关于tree与tab的诡异问题

阅读更多
   平时看的好多网站没地方存,存浏览器我去了外地没办法看。所以最近在使用ext+gae开发一个网址收藏夹的站点。
这里必须发出站点大家才能看到我的问题,有人觉得广告请见谅:http://www.galo.tk,问题在于比如光荣墙上有一位会员,我双击即可查看他(她)的收藏,即tab增加一个panel,当我关闭这个panel之后,再新开一个panel,或者看已经存在的panel,发现内容居然是已经关掉的他(她)的收藏,只是标题正确,里面的内容完全错位.
点击帮助中心中的菜单,关了再开,再关,多试几次也可以发现问题所在。我很纳闷,特与大家分享!
贴出关键代码:
切换tab的方法如下:
tabAddPanel:function(tabName){
        if(!_centerTabP.getItem(tabName))
        {
          var _centerP = Ext.getCmp(tabName);
          _centerTabP.add(_centerP).show();
        }
		_centerTabP.setActiveTab(tabName);
        _centerTabP.doLayout(); 
	}

树的操作方法:
userHelpTree.on("click",function(node){
		
		var cmd = node.text;
		main.extAlert("您点击了【"+cmd+"】");
		if(cmd == '修改资料'){
			
		}else if(cmd == '寻找网址'){
			main.tabAddPanel("centerP_4");
		}else if(cmd == '道具商城'){
			main.tabAddPanel("centerP_5");
		}else if(cmd == '反馈留言'){
			main.tabAddPanel("centerP_6");
		}else if(cmd == '本站之最'){
			main.tabAddPanel("centerP_7");
		}else if(cmd == "开发日记"){
			main.tabAddPanel("centerP_8");
		}else if(cmd == "帮助中心"){
			main.tabAddPanel("centerP_9");
		}else{
			main.extAlert("杯具,哪里出错了!");
		}
	});

tab面板的定义:
var centerTabP = new Ext.TabPanel({
		id:'centerTabP',
		autoDestroy:false,
		autoTabs:true,
		enableTabScroll:true ,
		activeItem:0,
   		//如果Tab过多会出现滚动条
     	enableTabScroll:true,
    	//加载时渲染所有
    	//deferredRender:false,
     	closeAction:'hide',
     	layoutOnTabChange:true
	});

tab其中一个定义(大致都差不多):
var centerP_1 = new Ext.Panel({
	
		id:'centerP_1',
		title:'光荣墙',
		layout:'fit',
		contentEl:'centerP_1_div'
	});

当点击树时切换不同的面板,大家试试即可发现问题的诡异。
分享到:
评论

相关推荐

    MFC2010控件Tree+Tab联合运用.zip

    VS2010开发的简单的tree contrl控件+tab contrl控件的使用,点击左侧tree contrl的选项时,右侧的tab contrl控件对应显示对应的窗口,安排徒弟开发的任务,个人觉得特别实用,分享下。

    Tab+Tree控件联合使用

    本文将深入探讨如何在对话框中联合使用“Tab控件”和“Tree控件”,这两种控件在很多桌面应用中都非常常见,尤其适用于组织和展示大量信息。"Tab+Tree控件联合使用"的主题意味着我们要在不同的选项卡页面上利用树形...

    tree 及tab控件的使用

    在你提到的“tree及tab控件的使用”主题中,CTREECTL和CTABCTRL是两个关键的MFC类,它们分别对应于Windows GUI中的树形控件(TreeView)和选项卡控件(TabControl)。 CTREECTL类是MFC对Windows API中的TV_CLASS...

    tabtree

    关于源码分析,我们可以假设TabTree是用JavaScript(可能包括其现代分支如ES6)编写的,它可能利用了jQuery或其他DOM操作库来处理事件和DOM元素。同时,它可能使用了MV*(如MVVM、MVC)的设计模式来分离视图和逻辑,...

    Extjs的Tree和Tab使用json做tree数据交互

    在ExtJS中,Tree和Tab是两种常用的组件,分别用于展示层次结构的数据(如目录结构)和创建多页面布局。本篇文章将详细探讨如何利用JSON数据来实现这两者的交互。 首先,让我们了解一下`Tree`组件。在ExtJS中,Tree...

    【浏览器插件】Tree Style Tab.zip

    Tab-Tree 旨在解决一个常见却棘手的问题:当窗口中打开了许多标签页时,如何迅速找到并切换到所需标签页。 Tab-Tree 的独特之处在于,它为标签页提供了一个树状列表。这个列表根据子标签页与父标签页的关系,将所有...

    Tree Style Tab | 谷歌(Chrome)浏览器插件

    Tree Style Tab Manager 一款侧边栏垂直标签管理插件,在打开标签特别多时,可以方便的在侧边栏管理标签,固定,网页静音,分组,刷新,关闭标签等。 【插件开发者】 @xingtanzjr 【插件更新】 2020-10-19 ...

    EasyUI1.4.4 + zTree3.5.19 完美结合框架布局tree+tab

    EasyUI1.4.4 + zTree3.5.19 完美结合框架布局:tree+tab,zTree的使用(简单数据格式,标准数据格式),我重新组织整理了:EasyUI1.4.4的使用示例,zTree的使用示例。

    Extjs 通用后台模板| 经典 Tree+Tab+Grid

    这个"Extjs 通用后台模板| 经典 Tree+Tab+Grid"是一个基于ExtJS的预配置模板,它集成了常见的界面元素,如树形视图(Tree)、选项卡(Tab)和网格(Grid),为开发高效能、用户友好的后台应用提供了便利。...

    easyui layout+tab+tree实现网站基本布局

    本话题将详细探讨如何利用EasyUI的layout、tab和tree组件来实现一个基本的网站布局。 首先,`EasyUI layout` 是一种强大的布局工具,它允许开发者将页面划分为多个区域(如北、南、东、西、中),每个区域可以独立...

    Tab Control List Control Combo box Control Tree Control SDK的使用实例

    在本主题中,我们将深入探讨四个重要的控件:Tab Control、List Control、ComboBox Control以及Tree Control,并通过SDK(Software Development Kit)的使用实例来阐述它们的功能、应用场景以及如何在实际开发中实施...

    flex checkboxtree 和可增加面板,可关闭的tab页

    博客文章可能还会涉及如何整合这两个功能,例如,将`CheckboxTree`作为某个`Tab`的内容,或者根据`CheckboxTree`的选择动态创建和关闭`Tab`。这样的组合可以提供灵活的用户界面,让用户按需查看和操作数据。 总之,...

    tree with tab

    extjs 左边窗口treepanel 菜单与右边窗口tabpanel 交互 var westPanel = Ext.create('Ext.tree.Panel', { title : '菜单', region : 'west', margins : '0 5 0 0', width : 200, store : store1, ...

    JQ EasyUI1.4.4示例 + zTree3.5.19 完美的 tree +tab 框架布局(修正菜单)

    JQ EasyUI1.4.4示例 + zTree3.5.19 完美的 tree +tab 框架布局(修正菜单) 看图介绍!http://blog.csdn.net/cyy11/article/details/50449918 之前下载过的与我联系。

    B-tree与B+tree简介

    B-tree与B+tree简介 B-tree和B+tree是两种常用的索引结构,广泛应用于数据库系统和文件系统中。它们的出现是为了解决大规模数据存储中索引查询效率低下的问题。 一、前言 动态查找树主要有三种类型:二叉查找树...

    jsTree与PHP+MYSQL联动

    在实现**jsTree与MySQL的联动**时,我们首先要进行数据库配置。这包括在`config.php`文件中更改数据库连接信息,比如设置**MySQL密码**、**端口**、**数据库名**、**用户名**等。确保这些信息正确无误,才能成功建立...

    tree(c++ tree容器)

    总的来说,"tree(c++ tree容器)"是一个旨在简化C++开发中树结构使用的工具,它提供了与STL兼容的接口,并可能包含了多种类型的树结构,适用于需要处理树形数据的场景。通过这个库,开发者无需深入理解底层树结构的...

    PowerTree中文教程

    PowerTree的引入为上述问题提供了一套有效的解决方案。它通过提供一个基于原理图的电源早期视图,使设计工程师能够更直观地设计和优化PDN。PowerTree的主要特点包括可视化和验证配电网络,估算设计的功耗,跟踪原理...

    speedtree帮助教程

    2. 导入导出:SpeedTree支持与其他3D软件如Unity、Unreal Engine的无缝对接,可以方便地将树木模型导入到游戏引擎中使用。 五、汉化教程价值 本汉化教程详细解读了SpeedTree的各项功能,用中文解释了原本可能难以...

    kdtree建立与查询

    在提供的压缩包文件中,`license.txt`可能包含了关于kdTree实现的许可证信息,而`kdtree`可能是MATLAB的kd树实现源代码或二进制文件。通过阅读源代码,我们可以更深入地理解kd树的内部工作原理,包括节点的划分策略...

Global site tag (gtag.js) - Google Analytics