源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

ExtJS TabPanel beforeremove beforeclose使用说明

  • 时间:2022-01-04 08:59 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ExtJS TabPanel beforeremove beforeclose使用说明
当前系统使用Extjs做为前端框架,系统首页布局采用border方式,左边手风琴式的菜单栏,中间区域为TabPanel容器,点击左边菜单栏内的对应菜单在中间区域添加对应的Panel,Panel嵌入添加的gridview; 当前问题是,想在用户关闭时弹出对话框提示用户,根据用户选择是否销毁当前页面(Panel),或是隐藏当前Panel,保存临时数据; 查看Extjs API文档,对添加的panel监听beforeclose事件 主要代码如下 中间区域部分:
[u]复制代码[/u] 代码如下:
//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(); }
但是这样的话,情况如下: [img]http://www.1sucai.cn/upload/2010-3/20100331202012796.png[/img]   Panel在'beforeclose'前已经关闭了;后来上网Google,查阅资料,忽然想到TabePanel作为容器是不是要在其处先进行事件拦截?于是修改中间区域部分代码如下//centerPanel
[u]复制代码[/u] 代码如下:
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; } } });
再运行,查看效果: [img]http://www.1sucai.cn/upload/2010-3/20100331202015430.png[/img]   搞定想必点击Panel上的关闭按钮时,应该是首先执行的所在TabPanel容器的Remove事件,然后再执行Panel自身的Close事件;项目赶时间,没过多时间深究了,小弟也是对JS和Extjs了解不深,有路过熟知的朋友望告知真实原因。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部