平时看的好多网站没地方存,存浏览器我去了外地没办法看。所以最近在使用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'
});
当点击树时切换不同的面板,大家试试即可发现问题的诡异。
分享到:
相关推荐
VS2010开发的简单的tree contrl控件+tab contrl控件的使用,点击左侧tree contrl的选项时,右侧的tab contrl控件对应显示对应的窗口,安排徒弟开发的任务,个人觉得特别实用,分享下。
本文将深入探讨如何在对话框中联合使用“Tab控件”和“Tree控件”,这两种控件在很多桌面应用中都非常常见,尤其适用于组织和展示大量信息。"Tab+Tree控件联合使用"的主题意味着我们要在不同的选项卡页面上利用树形...
在你提到的“tree及tab控件的使用”主题中,CTREECTL和CTABCTRL是两个关键的MFC类,它们分别对应于Windows GUI中的树形控件(TreeView)和选项卡控件(TabControl)。 CTREECTL类是MFC对Windows API中的TV_CLASS...
关于源码分析,我们可以假设TabTree是用JavaScript(可能包括其现代分支如ES6)编写的,它可能利用了jQuery或其他DOM操作库来处理事件和DOM元素。同时,它可能使用了MV*(如MVVM、MVC)的设计模式来分离视图和逻辑,...
在ExtJS中,Tree和Tab是两种常用的组件,分别用于展示层次结构的数据(如目录结构)和创建多页面布局。本篇文章将详细探讨如何利用JSON数据来实现这两者的交互。 首先,让我们了解一下`Tree`组件。在ExtJS中,Tree...
Tab-Tree 旨在解决一个常见却棘手的问题:当窗口中打开了许多标签页时,如何迅速找到并切换到所需标签页。 Tab-Tree 的独特之处在于,它为标签页提供了一个树状列表。这个列表根据子标签页与父标签页的关系,将所有...
Tree Style Tab Manager 一款侧边栏垂直标签管理插件,在打开标签特别多时,可以方便的在侧边栏管理标签,固定,网页静音,分组,刷新,关闭标签等。 【插件开发者】 @xingtanzjr 【插件更新】 2020-10-19 ...
EasyUI1.4.4 + zTree3.5.19 完美结合框架布局:tree+tab,zTree的使用(简单数据格式,标准数据格式),我重新组织整理了:EasyUI1.4.4的使用示例,zTree的使用示例。
这个"Extjs 通用后台模板| 经典 Tree+Tab+Grid"是一个基于ExtJS的预配置模板,它集成了常见的界面元素,如树形视图(Tree)、选项卡(Tab)和网格(Grid),为开发高效能、用户友好的后台应用提供了便利。...
本话题将详细探讨如何利用EasyUI的layout、tab和tree组件来实现一个基本的网站布局。 首先,`EasyUI layout` 是一种强大的布局工具,它允许开发者将页面划分为多个区域(如北、南、东、西、中),每个区域可以独立...
在本主题中,我们将深入探讨四个重要的控件:Tab Control、List Control、ComboBox Control以及Tree Control,并通过SDK(Software Development Kit)的使用实例来阐述它们的功能、应用场景以及如何在实际开发中实施...
博客文章可能还会涉及如何整合这两个功能,例如,将`CheckboxTree`作为某个`Tab`的内容,或者根据`CheckboxTree`的选择动态创建和关闭`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 框架布局(修正菜单) 看图介绍!http://blog.csdn.net/cyy11/article/details/50449918 之前下载过的与我联系。
B-tree与B+tree简介 B-tree和B+tree是两种常用的索引结构,广泛应用于数据库系统和文件系统中。它们的出现是为了解决大规模数据存储中索引查询效率低下的问题。 一、前言 动态查找树主要有三种类型:二叉查找树...
在实现**jsTree与MySQL的联动**时,我们首先要进行数据库配置。这包括在`config.php`文件中更改数据库连接信息,比如设置**MySQL密码**、**端口**、**数据库名**、**用户名**等。确保这些信息正确无误,才能成功建立...
总的来说,"tree(c++ tree容器)"是一个旨在简化C++开发中树结构使用的工具,它提供了与STL兼容的接口,并可能包含了多种类型的树结构,适用于需要处理树形数据的场景。通过这个库,开发者无需深入理解底层树结构的...
PowerTree的引入为上述问题提供了一套有效的解决方案。它通过提供一个基于原理图的电源早期视图,使设计工程师能够更直观地设计和优化PDN。PowerTree的主要特点包括可视化和验证配电网络,估算设计的功耗,跟踪原理...
2. 导入导出:SpeedTree支持与其他3D软件如Unity、Unreal Engine的无缝对接,可以方便地将树木模型导入到游戏引擎中使用。 五、汉化教程价值 本汉化教程详细解读了SpeedTree的各项功能,用中文解释了原本可能难以...
在提供的压缩包文件中,`license.txt`可能包含了关于kdTree实现的许可证信息,而`kdtree`可能是MATLAB的kd树实现源代码或二进制文件。通过阅读源代码,我们可以更深入地理解kd树的内部工作原理,包括节点的划分策略...