`
sammyfun
  • 浏览: 1163408 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

ext tabpanel

阅读更多
同时打开 a.php和b.php两个TAB(是一个,是纯PHP页面)  在a.php中修改DB中数据 b.php中显示会有变化 如何使在a.php修改了数据 激活b.php的时候自动更新内容呢?


function treeClick(node,e) {
if(node.isLeaf()){
e.stopEvent();
url = "";
switch (node.id){
case '101':url = "a.php";break;
case '102':url = "b.php";break;
case '201':url = "c.php";break;
case '202':url = "d.php";break;
}
var n = tab.getComponent(node.id);
if (!n) {
var n = tab.add({
'id' : node.id,
'title' : node.text,
closable:true, 
html : ' < scrolling="auto" frameborder="0" width="100%" height="100%" src="'+url+'"> '//,

                  //autoload:{url:url;s:true}//,
                  //listeners:{
                  //  activate:function(tab){
                  //    tab.getUpdater().refresh();
                        //  }
                  // },

    });
}
tab.setActiveTab(n);
//n.load({
// url: url,
// nocache: true,
// scope: this,
// s: true
//});

}
}

//生成标签页
var tab = new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0,
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true//,
                  //listeners:{
                  //  activate:function(tab){
                  //      tab.getUpdater().refresh();
                        //    }
                        //}
});



试着个tab.doLayout()这个在tabChange事件中其左右不





分享到:
评论

相关推荐

    可以拖拽的页签面板----Ext TabPanel

    在EXT JS这个强大的JavaScript框架中,`Ext.TabPanel` 是一个非常重要的组件,它用于创建具有可切换页签的用户界面。在这个特定的例子中,我们关注的是一个扩展版的`Ext.TabPanel`,它增加了拖放(DragDrop)功能,...

    tapestry4.02中封装ext的TabPanel组件

    在本文中,我们将深入探讨 Tapestry 4.02 框架中封装的 Ext TabPanel 组件。Tapestry 是一个开源的Java Web 应用程序开发框架,它允许开发者使用简单的Java类和模板语言来创建动态、交互式的Web应用。而 Ext 是一个...

    ext-------竖向标签TabPanel

    竖向标签TabPanel-------------------------------------------------

    extjs4.2.1 tabPanel刷新及关闭标签

    item.loader = new Ext.data.TreeLoader({ url: 'your-data-url', // 数据URL autoLoad: true // 自动加载数据 }); item.loader.load(item.store.getRootNode()); } } ``` 上述代码中的`this.tabPanel....

    ext的tabpanel的激活与注意事项

    var tabPanel = Ext.getCmp('myTabPanel'); // 获取tabpanel实例 var desiredTab = Ext.getCmp('myDesiredTab'); // 获取目标选项卡实例 tabPanel.setActiveTab(desiredTab); // 激活目标选项卡 ``` 在这个例子中,...

    Ext中TabPanel的动态页面加载

    在EXT JS这个强大的JavaScript库中,`TabPanel`是一个核心组件,用于实现多标签页界面。本篇文章将深入探讨如何在EXT JS的`TabPanel`中实现动态页面加载,这在构建可扩展且高效的Web应用时非常关键。通过动态加载,...

    treepanel 和 tabpanel 完整

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

    ExtJS TabPanel beforeremove beforeclose使用说明

    centerPanel = new Ext.TabPanel({ // ... listeners: { beforeremove: function(ct, component) { return false; // 阻止Panel被移除 } } }); ``` 然而,仅仅阻止`beforeremove`事件并不足以实现关闭确认...

    Ext中的tabpanel关闭后再打开不显示的问题

    ### Ext中的tabpanel关闭后再打开不显示的问题 在Ext框架中,`TabPanel`是一个非常重要的组件,用于实现页面中的多标签页功能。然而,在实际应用过程中可能会遇到一个常见问题:当某个标签页被关闭后,如果尝试重新...

    ExtJS-3.4.0系列:Ext.TabPanel

    在本文中,我们将深入探讨ExtJS中的`Ext.TabPanel`组件,它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图,每个面板都有自己的标题,并且可以通过标签页进行切换。让我们...

    ExtJS扩展:垂直页签tabPanel

    1. **扩展TabPanel类**:创建一个新的类,继承自Ext.TabPanel,并在扩展类中添加或覆盖必要的方法和配置,如`layout`配置项可能需要设置为自定义的垂直布局。 2. **自定义布局**:创建一个新的布局管理器,可能命名...

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    var tabPanel = Ext.create('Ext.tab.Panel', { width: 600, height: 300, items: [ { title: 'Value Table', layout: 'fit', items: Ext.create('MyApp.view.MyGrid') } ] }).render(Ext.getBody()); })...

    Ext.TabPanel

    TabPanel的使用,添加tab,加载页面,添加事件

    Extjs4.2 设置tabpanel当前活动页签的样式

    Extjs4.2 设置tabpanel当前活动页签的样式 Extjs是一个流行的JavaScript框架,用于构建丰富互联网应用程序(RIA)。其中,tabpanel是Extjs中一个常用的控件,用于显示多个面板。设置tabpanel当前活动页签的样式是...

    Extjs 3.3切换tab隐藏相应工具栏出现空白解决

    今天心血来潮,想在切换tabpanel的时候,把相应的工具栏隐藏掉,结果出现空白,先熊板板的空白! 不废话,上代码,代码如下: 代码如下: //隐藏 Ext.getCmp(‘Tab2’).tbar.hide(); Ext.getCmp(‘Tab2’).tbar.dom....

    ext 的拖拽示例,很不错的

    ext拖拽示例,可以通过ext生成的layout自动拖拽,效果很不错的

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

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

    ExtJS TabPanel 标签操作

    ExtJS的TabPanel是其组件库中的一个核心组件,用于创建具有多个标签页的应用界面,每个标签页可以承载不同的内容。在本主题中,我们将深入探讨如何操作ExtJS的TabPanel,包括创建、添加、删除和切换标签页,以及...

    ExtJS tabPanel实例

    要创建一个 `tabPanel`,你需要先定义一个 `Ext.container.TabPanel` 实例。在JavaScript代码中,这通常会涉及创建一个新的对象,并配置相应的属性,如宽度、高度、边框等。 ```javascript var tabPanel = Ext....

    ext tab

    标题“ext tab”可能指的是在Web开发中使用EXT JS库创建的一个TabPanel组件。EXT JS是一个流行的JavaScript框架,用于构建富客户端应用,它提供了一系列强大的组件,如表格、窗体、面板、菜单等,其中TabPanel是用于...

Global site tag (gtag.js) - Google Analytics