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

刷新tabpanel中的子项目内容

阅读更多
tabpanel.get(3).load({ //第一个是get(0),第二个是get(1),依此类推   
    url: 'your-url.php'  
});   
  
//你也可以这样来修改内容   
var mgr = tabpanel.get(3).getUpdater();   
mgr.update({   
        url: "http://myserver.com/index.php",   
        params: {   
            param1: "foo",   
            param2: "bar"  
        }   
});  

 刷新tabpanel中的子项目内容

 

 

在tabpanel中加入listeners事件 实现点击子页面并更新内容

listeners: {
        scope: this,
        //标签改变事件      
        'tabchange ': function(){
            tabPanelReserveInfo.get(0).load({ //第一个是get(0),第二个是get(1),依此类推      
                url: '../../../Ui/Warehouse/ReserveInfo/Components.aspx',
                scripts: true,
                params: {
                    secondLevelStorageId: secondLevelStorageId,
                    thirdLevelStorageId: thirdLevelStorageId,
                    secondLevelStorageName: secondLevelStorageName,
                    thirdLevelStorageName: thirdLevelStorageName
                }
            });
            tabPanelReserveInfo.get(1).load({ //第一个是get(0),第二个是get(1),依此类推      
                url: '../../../Ui/Warehouse/ReserveInfo/Stuff.aspx',
                scripts: true,
                params: {
                    secondLevelStorageId: secondLevelStorageId,
                    thirdLevelStorageId: thirdLevelStorageId,
                    secondLevelStorageName: secondLevelStorageName,
                    thirdLevelStorageName: thirdLevelStorageName
                }
            });
        }
    }

 如果希望 单击某个查询按钮,实现更新可以这样写

 

//buttonSearch查询按钮 单击事件
buttonSearch.on("click", function(){
    var components = tabPanelReserveInfo.get(0).getUpdater();
    components.update({
        url: '../../../Ui/Warehouse/ReserveInfo/Components.aspx',
        scripts: true,
        params: {
            secondLevelStorageId: secondLevelStorageId,
            thirdLevelStorageId: thirdLevelStorageId,
            secondLevelStorageName: secondLevelStorageName,
            thirdLevelStorageName: thirdLevelStorageName
        }
    
    });
    var stuff = tabPanelReserveInfo.get(1).getUpdater();
    stuff.update({
        url: '../../../Ui/Warehouse/ReserveInfo/Stuff.aspx',
        scripts: true,
        params: {
            secondLevelStorageId: secondLevelStorageId,
            thirdLevelStorageId: thirdLevelStorageId,
            secondLevelStorageName: secondLevelStorageName,
            thirdLevelStorageName: thirdLevelStorageName
        }
    
    });

 

0
0
分享到:
评论
2 楼 qimo601 2011-09-13  
WongWayne 写道
感谢分享,解决了我一个大问题


哈哈不谢。以后有经验也分享给大家用
1 楼 WongWayne 2011-09-02  
感谢分享,解决了我一个大问题

相关推荐

    extjs4.2.1 tabPanel刷新及关闭标签

    在版本4.2.1中,`TabPanel`提供了丰富的API和方法来控制其行为,如刷新当前标签页、关闭特定标签页等。 #### 刷新当前标签页 在ExtJS 4.2.1中,要实现刷新当前标签页的功能,可以采用以下方式: ```javascript ...

    treepanel 和 tabpanel 完整

    2. **内容分组**:每个`TreePanel`的子节点代表一类相关的内容,可以将这些内容以`TabPanel`的形式呈现,方便用户按需切换查看。 3. **动态加载**:当用户首次点击某个节点时,对应的`TabPanel`内容可以动态加载,...

    tabpanel中添加portal

    在前端开发中,`tabpanel` 和 `portal` 是两种重要的技术概念,它们分别涉及到用户界面的组织和组件渲染。本文将深入探讨`tabpanel`和`portal`,并结合提供的资源来解析它们的工作原理和实际应用。 `tabpanel`通常...

    Ext中TabPanel的动态页面加载

    在实际项目中,这些文件可以按照上述方式与`TabPanel`动态加载机制结合使用。 总结,EXT JS的`TabPanel`支持动态页面加载,通过设置`lazy`属性和监听`tabchange`事件,我们可以实现在`Tab`被激活时按需加载内容,...

    如何在MATLAB中做出标签页的效果-tabpanel2.6.zip

    如何在MATLAB中做出标签页的效果-tabpanel2.6.zip 刚才看到有会员朋友说matlab中控件少,math说ActiveX中多的是啊,于是我也就顺便打开ActiveX看看里面都有什么。突然看到个单词tabbed……难道这就是困扰我多日的...

    ExtJS TabPanel 标签操作

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

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

    在tabpanel中,每个面板对应一个标签页签,使用户可以在多个面板之间进行切换。当用户点击某个标签页签时,该标签页签将变为当前活动页签,并且其样式将发生变化。 要设置tabpanel当前活动页签的样式,可以添加CSS...

    ExtJS tabPanel实例

    ExtJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。在ExtJS中,`tabPanel` 是一个非常重要的组件,它...在实际项目中,理解并熟练掌握 `tabPanel` 的用法对提升用户体验和优化应用结构具有重要意义。

    TabPanel 加载页面

    在给定的标题"TabPanel加载页面"中,我们可以理解为讨论的是如何在`TabPanel`组件中动态加载页面内容。这通常涉及到以下几个关键知识点: 1. **动态加载**:在用户点击某个标签时,只加载对应的页面内容,而不是一...

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

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

    TabPanel选卡结合右键菜单实例

    首先,TabPanel是一种常见的UI组件,它允许用户在一个固定的区域中通过不同的选项卡浏览多个页面或视图。在网页设计中,TabPanel常用于减少页面的拥挤感,提高信息的组织性和可读性。jQuery库因其简洁的API和强大的...

    tapestry4.02中封装ext的TabPanel组件

    在Web UI设计中,TabPanel 是一种常见的布局元素,它将不同的内容区域分割成不同的标签页,用户可以通过点击不同的标签来切换显示的内容。Ext 的 TabPanel 提供了美观的样式和易于操作的API,使得在Web应用中实现...

    TabPanel效果,比较有用,收藏先。

    通过深入学习和理解这些知识点,开发者可以更好地掌握TabPanel的实现原理,从而在项目中灵活运用,提升应用的用户体验。无论是Web还是桌面应用,一个良好实现的TabPanel都是界面设计中的重要组成部分。

    ext的tabpanel的激活与注意事项

    在提供的`tabpanel激活函数和更新.doc`文件中,可能会详细阐述如何在实际项目中实现这些功能和注意事项。查阅此文档,可以获取更具体的代码示例和实践经验。 总的来说,EXTJS的tabpanel组件提供了丰富的功能和灵活...

    TabPanel 选项卡

    【标题】"TabPanel 选项卡"是一种常见的网页设计元素,用于组织和展示多个相互关联的内容区域。在网页设计中,TabPanel 提供了一种整洁、高效的方式,让用户通过点击不同的标签来切换显示不同的信息板块,提高用户...

    ExtJS扩展:垂直页签tabPanel

    在“ExtJS扩展:垂直页签tabPanel”这个主题中,我们将探讨如何在ExtJS中实现一个创新的垂直布局的页签(tab)组件,这在很多情况下可以提供更好的用户界面体验。 首先,我们看到有两个JavaScript文件,TabPanel.js...

    基于jquery的tabpanel

    基于jquery的tabpanel,支持动态添加,支持滚动条,可内嵌iframe,支持关闭按钮,支持tab的背景图片配置, 这个是我在网上找到一个原始的版本,然后修改的,有详细注释,写了11个使用例子,基本涵盖了该组件的功能。...

    javascritp+css+tabpanel的实现

    在网页设计中,Tab Panel是一种常见的用户界面元素,它允许用户通过点击不同的标签来切换显示不同的内容区域。在这个“javascript+css+tabpanel的实现”中,我们将深入探讨如何使用HTML、JavaScript和CSS来创建一个...

    jQuery模仿ExtJS之TabPanel最新

    将选项卡元素的内容刷新,参数可以为选项卡元素的ID或下标。 show(string | number) 显示选项卡元素 显示制定选项卡元素,参数可以为选项卡元素的ID或下标。 Kill(string | number) 关闭选项卡元素 关闭选项卡元素...

    TabPanel

    在IT行业中,`TabPanel`通常是指一种用户界面(UI)组件,用于组织内容并以选项卡的形式展示。这种组件广泛应用于各种软件和Web应用程序,为用户提供了一种方便的方式来切换和管理多个视图或工作区。`TabPanel`的...

Global site tag (gtag.js) - Google Analytics