`

EXT中Tabpanel中加入RowExpander,导致Tabpanel不能正常关闭的解决办法

阅读更多
异常描述:Tabpanel中加入应用了RowExpander.js插件的Grid,当点击关闭Tabpanel时,浏览器
          报出 this.grid.getView().mainBody未定义。
异常解决:在RowExpander.js的源码中第139行的onDestroy方法中添加mainBody是否存在的判断
            onDestroy: function() {
                                this.keyNav.disable();
                                delete this.keyNav;
                                var mainBody = this.grid.getView().mainBody;
                                if(mainBody!=undefined){
                                   mainBody.un('mousedown', this.onMouseDown, this);
                                 }
                                },
异常备注:Tabpanel触发close事件的时候,会去销毁底下相应的DOM,移除了GRID后,再触发了           
          RowExpander插件的onDestory()事件,此时GRID已经不存在了,因此找不到mainBody
          这个元素,引发异常

0
0
分享到:
评论
1 楼 NullPointException-4 2011-10-10  
gaoyin

相关推荐

    Ext中TabPanel的动态页面加载

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

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

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

    ext的tabpanel的激活与注意事项

    如果希望关闭动画,可以在tabpanel配置项中设置`anim`为`false`。 5. **更新内容**:在激活选项卡时,可能需要根据新的选项卡内容更新相关的视图或数据。可以结合`setActiveTab()`方法一起使用`update()`方法来更新...

    tapestry4.02中封装ext的TabPanel组件

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

    treepanel 和 tabpanel 完整

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

    ExtJS-3.4.0系列:Ext.TabPanel

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

    extjs4.2.1 tabPanel刷新及关闭标签

    ### ExtJS 4.2.1 TabPanel 刷新与关闭标签功能详解 #### TabPanel 组件简介 在ExtJS框架中,`TabPanel`组件是一个非常实用且强大的UI控件,它允许用户在一个界面上组织多个相关的视图或面板,并通过标签页的形式...

    ExtJS扩展:垂直页签tabPanel

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

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

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

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

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

    Ext.TabPanel

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

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

    4. **兼容性**:确保在各种浏览器和设备上都能正常工作,兼容性测试必不可少。 5. **可访问性**:对于无障碍功能(Accessibility)的支持,比如键盘导航和屏幕阅读器兼容性。 6. **自定义功能**:如果存在特殊需求,...

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

    (已经解决)遗憾的是不知道为什么在我这里这个Microsoft Tabbed Dialog Control 6.0(SP5)不能用,显示的错误是Error using--->feval。Error 类别未授权使用,所以我连预览也不能。哪位兄弟知道解决方法别忘了给...

    ExtJS TabPanel beforeremove beforeclose使用说明

    当用户尝试关闭TabPanel中的某个Panel时,我们可能需要执行一些验证或确认操作,例如弹出对话框询问用户是否真的要关闭当前页面。在这样的需求下,可以利用TabPanel的`beforeremove`事件和Panel的`beforeclose`事件...

    ExtJS TabPanel 标签操作

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

    ExtJS tabPanel实例

    在ExtJS中,`tabPanel` 是一个非常重要的组件,它允许你在一个容器内创建多个标签页,每个标签页可以承载不同的内容,提供了类似桌面应用的用户体验。在实际开发中,`tabPanel` 经常被用来组织和展示复杂的信息。 `...

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

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

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

    在本例中,我们将重点介绍如何在TabPanel中的GridPanel(表格面板)中根据不同条件动态改变行的背景颜色。 #### 三、实现步骤 ##### 1. 在样式文件中添加样式 首先,我们需要定义CSS样式规则来指定不同数值对应的...

    TabPanel选卡结合右键菜单实例

    7. **响应式设计**:考虑不同设备和屏幕尺寸的适配,确保在手机和平板等移动设备上也能正常工作。 在这个实例中,"效果图.png"可能展示了TabPanel和右键菜单的最终视觉效果,而"TabPanel选卡结合右键菜单实例"可能...

Global site tag (gtag.js) - Google Analytics