当前系统使用Extjs做为前端框架，系统首页布局采用border方式，左边手风琴式的菜单栏，中间区域为TabPanel容器，点击左边菜单栏内的对应菜单在中间区域添加对应的Panel，Panel嵌入添加的gridview； 当前问题是，想在用户关闭时弹出对话框提示用户，根据用户选择是否销毁当前页面(Panel)，或是隐藏当前Panel，保存临时数据； 查看Extjs API文档，对添加的panel监听beforeclose事件 主要代码如下 中间区域部分： 复制代码 代码如下: //centerPanel centerPanel = new Ext.TabPanel({ id: 'centerPnl' , region: 'center' , border: false , iconCls: 'tabs' , enableTabScroll: true , items: [{ title: '首页' , autoScroll: true }] , defaults: { autoScroll: true } });增加一个新的Panelfunction addCMUAMS_LogTab() { activeCMUAMS_LogTab = centerPanel.add({ id: 'CMUAMS_LogShowAll' , title: '系统日志' , iconCls: 'tabs' , closable: true , bodyStyle: 'padding:10px' , items: CMUAMS_LogGrid , listeners: { beforeclose:TabCloseConfirm } }) activeCMUAMS_LogTab.show(); } 但是这样的话，情况如下： Panel在'beforeclose'前已经关闭了；后来上网Google，查阅资料，忽然想到TabePanel作为容器是不是要在其处先进行事件拦截？于是修改中间区域部分代码如下//centerPanel 复制代码 代码如下: centerPanel = new Ext.TabPanel({ id: 'centerPnl' , region: 'center' , border: false , iconCls: 'tabs' , enableTabScroll: true , items: [{ title: '首页' , autoScroll: true }] , defaults: { autoScroll: true } //首先监听beforeremove事件 , listeners: { beforeremove: function(ct,component ) { return false; } } }); 再运行，查看效果： 搞定想必点击Panel上的关闭按钮时，应该是首先执行的所在TabPanel容器的Remove事件，然后再执行Panel自身的Close事件；项目赶时间，没过多时间深究了，小弟也是对JS和Extjs了解不深，有路过熟知的朋友望告知真实原因。

　　推荐阅读

　　JavaScript 学习初步 入门教程

在JavaScript中数据类型分为整型和浮点型，这里的浮点型没有单精度和双精度之分同一使用双精度进行表示，所有变量的声明只需使用var（好简单啊，不要再记int long float double……）你付给它什么类型的值，它就是>>>详细阅读

本文标题：ExtJS TabPanel beforeremove beforeclose使用说明

地址：http://www.17bianji.com/kaifa2/JS/26759.html

 1/2    1