`

extjs实现左侧tab

阅读更多
layout = new Ext.BorderLayout(document.body, ...{

                            center: 
...{
                                titlebar: 
false,
                                tabPosition: 
'left'
                            }


                        }
);

                        layout.beginUpdate();
                        
                        var iframe 
= Ext.DomHelper.append( document.body, 
                            
...{tag: 'iframe', frameBorder: 0, src: 'BusiLineView.html' });
            
                        layout.add( 
'center'new Ext.ContentPanel( iframe, ...{title: '公司', fitToFrame:true, closable: false}));
                        layout.add(
'center'new Ext.ContentPanel('panel-bk'...{title: '板块', closable: false}));
                        layout.add(
'center'new Ext.ContentPanel('panel-fund'...{title: '基金', closable: false}));
                        layout.getRegion(
'center').showPanel(0);
                        layout.endUpdate();

分享到:
评论
1 楼 荷戟者 2012-12-25  
如何实现的,是否可以想象一点

相关推荐

    Extjs做的treepanel+tab切换页

    6. **页面布局**:整个页面可能使用了ExtJS 的布局管理器,如`border`布局,将页面分为左侧和右侧两部分,左侧是TreePanel,右侧是可折叠的TabPanel。 7. **URL 链接处理**:`嘉瑞传播.url`可能是一个树节点的`href...

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

    本主题主要关注的是ExtJs 中的一个常见布局模式:左侧树形导航与中心Tab选项卡结合的后台通用界面布局。 首先,我们要理解ExtJs中的“布局”(Layouts)。布局是ExtJs组件管理其子组件的方式,决定了子组件如何在...

    extjs4.0 实现了主页面框架 动态菜单 例子 表单 ajax

    extjs4.0 实现了主页面框架(主框架使用Ext.Viewport,banner使用Ext.panel.Panel,通过toolbar来放置按钮),包括左侧动态菜单实现(采用Ext.tree.Panel)动态从数据库加载数据来显示菜单(后台代码也在了通过json...

    ExtJS-3.4.0系列:Ext.TabPanel

    5. **嵌套组件**:`TabPanel`可以包含其他ExtJS组件,如表格、树形视图、表单等,实现复杂的用户界面。 6. **工具栏支持**:可以在每个标签页的下方添加工具栏,提供额外的操作按钮。 7. **图标和工具提示**:每个...

    jQuery EasyUI仿Extjs界面

    1. **布局管理**:EasyUI 提供了多种布局方式,如流式布局、网格布局、边界布局、表格布局等,这使得开发者可以方便地模拟出ExtJS中的复杂界面布局,如左右分栏布局,左侧手风琴折叠菜单,右侧内容区域。 2. **手...

    WPF首页框架(仿extjs左菜单、联动Tab主页)

    1整体项目基于WPF的MVVM框架,分为上左中三部分,可伸缩;...3左菜单联动的中间部分的Tab控件,Tab页可关闭。 补充:该项目用vs2012运行。 准备修改积分的,原代码找不到了,麻烦管理员将这个资源删除,谢谢!

    extjs中文api

    ### ExtJS中文API详解 #### 一、ExtJS概述与在线API资源 ExtJS是一款用于构建Web应用程序的强大JavaScript框架,其提供了丰富的UI组件库及高度定制化的开发工具,旨在帮助开发者快速搭建美观且功能完善的前端界面...

    Extjs折叠布局中添加树

    整个程序的入口点是`Ext.onReady`函数,这里创建了三个主要的面板:顶部的`topPanel`,左侧的`leftPanel`(包含折叠布局和树),以及右侧的`rightPanel`(使用了标签页布局Tab Panel)。各个面板通过`region`属性...

    Extjs中通过Tree加载右侧TabPanel具体实现

    综上所述,通过Extjs实现左侧功能树到右侧TabPanel的动态加载,涉及到的主要知识点包括Ext.tree.Panel的使用、Ext.tab.Panel的使用、组件的扩展和别名设置、事件的绑定和处理。掌握了这些知识点,开发者就可以在...

    ext tab

    标题“ext tab”可能指的是EXTJS库中的TabPanel组件,这是一种在Web应用中常用的功能,用于展示多个视图或页面,用户可以通过标签页在不同内容间切换。EXTJS是一个用JavaScript编写的富客户端UI框架,它提供了丰富的...

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

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

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

    ExtAspNet_v2.3.2_dll

    ExtAspNet - ExtJS based ASP.NET Controls with Full AJAX Support ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的位数(需要设置NoDecimal="false")(feedback:zqmars)。...

    EXT WebUi标签库使用说明

    初始化页面提示和实现通用功能,确保每一页具备基本交互能力。 - **button**:创建标准按钮,可用于触发各种事件或动作。 - **checkbox**:复选框,用于多选功能,常用于表单数据收集。 - **checkBoxGroup**:一...

Global site tag (gtag.js) - Google Analytics