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

treePanel tabPanel

阅读更多
{
							title:'导航菜单',
							iconCls:'icon-nav',
							xtype : 'treepanel',
							border : false,
							containerScroll:true,
					        animate:true,
					        rootVisible :false,
							loader : new Ext.tree.TreeLoader({
								dataUrl:'js/tree-nav.json'
							}),
							root : {nodeType: 'async'},
							listeners:{
								'click':function(node,event){
									event.stopEvent();
									var n = tabs.getComponent(node.id);
									if(node.isLeaf()&& !n){
										tabs.add({
											id:node.id,
											title:node.text,
											closable:true
									}).show();
									}
								}
							}
						}
分享到:
评论

相关推荐

    一个Coolite TreePanel TabPanel的网站后台框架示例

    一个Coolite TreePanel TabPanel的网站后台框架示例 Coolite 是一个用C#封装了ExtJS的Ajax控件,后台效果的用户体验还是很不错的! 项部是一个图片,左边一棵树形,树形可以从后台配置,点击叶子结点时从Tabs页内依次打开...

    treepanel 和 tabpanel 完整

    在本文中,我们将深入探讨`TreePanel`和`TabPanel`这两个重要的Ext JS组件,并讨论如何将它们结合在一起,以创建功能丰富的用户界面。`TreePanel`用于展示层次结构的数据,而`TabPanel`则提供了多标签页的功能,两者...

    再探Ext中TreePanel控件和TabPanel控件搭配测试

    在本文中,我们将深入探讨ExtJS库中的两个关键组件:TreePanel和TabPanel,并结合实际测试情况来理解它们如何协同工作。ExtJS是一款强大的JavaScript框架,用于构建富客户端应用程序,而TreePanel和TabPanel是其核心...

    用coolite布局,数据库绑定Treepanel,用Tabpanel显示

    在本文中,我们将深入探讨如何使用Coolite布局技术,结合数据库数据绑定到TreePanel,并利用TabPanel进行动态展示。Coolite是一种强大的前端开发框架,它提供了丰富的组件和灵活的布局方式,使得创建复杂的Web应用...

    Extjs做的treepanel+tab切换页

    在"Extjs 做的treepanel+tab切换页"这个项目中,我们主要关注的是如何利用ExtJS 3.2版本来创建一个具备折叠面板(Collapsible Panel)功能的树形视图(TreePanel),以及与之联动的选项卡(TabPanel)。这个设计允许...

    2个treepanel相互切换

    4. **面板切换**:在事件处理器中,可以使用`Ext.getCmp()`方法获取另一个TreePanel的引用,然后根据需求调整其可见性(`hidden`属性)或者使用`setActiveItem()`方法在容器(如TabPanel或Viewport)中切换显示的...

    TabPanel布局

    此外,例子中还展示了如何创建和添加TreeNode到TreePanel,虽然这部分内容并非直接与TabPanel布局相关,但它是ExtJS中构建树形结构数据的常见操作。 总的来说,这个例子演示了如何使用ExtJS创建一个复杂的多区域...

    点击添加标签

    在这个场景中,`TreePanel` 和 `TabPanel` 是两个关键的组件。 `TreePanel` 是EXT JS中的一个树形视图组件,它能够展示层次结构的数据,通常用于文件系统、组织结构或者导航菜单等。用户可以通过点击`TreePanel`中...

    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, ...

    ext3.0 treeandtabPanel

    在EXTJS 3.0框架中,`tree`和`tabpanel`是两种常见的组件,它们在Web应用开发中被广泛用于构建用户界面。`tree`(树形组件)通常用于展示层级关系的数据,如文件系统目录结构,而`tabpanel`(选项卡面板)则用于组织...

    ExtJs GridPanel双击事件获得双击的行

    在ExtJs中,GridPanel是用于展示数据的常用组件,它可以提供丰富的功能,如排序、分页、筛选等。在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs ...

    ext + struts2 例子

    EXT 2.0是EXT的一个早期版本,尽管如此,它已经包含了大量功能强大的组件,如TreePanel(树形面板)、GridPanel(表格面板)和TabPanel(选项卡面板)。这些组件在Web开发中广泛应用,能显著提升用户体验。 1. ...

    asp.net Coolite TablePanel使用

    - **与MenuPanel和TreePanel的相似性**:TabPanel与其他Coolite控件如MenuPanel和TreePanel有很多相似之处,这些控件都提供了丰富的属性和方法来定制用户界面。 - **共同点**:这些控件都支持通过集合属性进行高度...

    Ext3.0的个人笔记及例子

    7. **TreePanel(树形面板)**:TreePanel用于展示层级结构的数据,可以用来创建文件系统浏览、组织结构图等。它支持动态加载、节点拖放、展开/折叠等功能。 8. **GridPanel(表格面板)**:GridPanel是用于展示二...

    ExtJs 后台通用界面布局,左侧树,Center Tab 选项

    - TreePanel是展示TreeStore的视图,配置好后可以插入到“west”区域。 3. **TabPanel布局**: - TabPanel是ExtJs中的一种组件,用于展示多个面板,每个面板在一个Tab页中。中心的Tab选项卡通常使用这个布局。 -...

    Efs c# 帮助文档

    - **TabPanel容器简介**:TabPanel是一种特殊的Panel容器,主要用于实现多页签的切换功能。 - **TabPanel容器的使用**: - 简单的TabPanel容器:创建基本的页签切换界面。 - 复杂的TabPanel容器:支持更多的定制...

    ExtJS 2.0实用简明教程

    19)选项面板TabPanel 20)基本表格GridPanel 21)视图区ViewPort 22)可编辑表格EditorGridPanel 23)窗口基本应用 24)窗口分组 25)对话框 26)与服务器交互 27)Record 28)Store 29)TreePanel基本使用 30)使用树控件...

    Ext经典例子整合 快速上手必看

    EXTJS中的TreePanel是用于展示层次结构数据的组件,常用于文件系统或者组织架构的展示。它支持拖放操作、节点展开/折叠以及节点的动态加载。在树结构中,你可以定义节点文本、图标、叶子节点与父节点等属性,同时...

Global site tag (gtag.js) - Google Analytics