var t = false;//判断是否要关闭
var tabPs = window.tabs;//获得定义为全局的tablePanel对象
var curPanel = tabPs.getActiveTab();//获得当前活动的panel
curPanel.on('beforeclose',function(){
//判断是否关闭
Ext.Msg.show({
title:'提示',
msg:'是否关闭本窗口',
icon: Ext.MessageBox.QUESTION,
buttons: {yes:i18n_saveButton,no:i18n_cancel},
fn: function(option)
{
if(option=='yes')
{
t = true;
curPanel.destroy();//调用销毁
}else{
tabPs.activate(curPanel);
return false;
}
}
});
return false;
});
curPanel.on(
'beforedestroy',function(tab){//在销毁对象前,判断用户是否要关闭窗口,好像在点击关闭按钮时,ext就异步开始销毁页面元素,所以不这样时,前面的Ext.Msg.alert()就显示不出来
if(false == t){
return false;
}
return true;
}
);
分享到:
相关推荐
TabPanel是ExtJS的一个容器组件,它允许多个面板(Panel)在一个窗口中以标签页的形式展示。每个标签页都是一个独立的Panel,可以通过点击标签切换。TabPanel提供了许多配置选项,如: 1. `activeTab`: 指定初始激活...
当用户提交表单时,系统会自动检查每个字段,如果不符合规则,会显示错误提示。 4. **Panel(面板)**:Panel是Ext3.0中最基本的布局组件,它可以包含其他组件并定义自己的布局策略。Panel通常用于构建页面的结构,...
同时,你可能还需要检查是否允许用户关闭当前活动的选项卡,以及是否需要确认用户是否真的想要关闭等。 5. **配置和使用**:在你的`Ext.Tab.Panel` 实例中,通过 `plugins` 配置项引用你创建的插件实例,确保插件...
**2.11 Tab Panel (Ext.TabPanel)** - **xtype**: `tabpanel` - **功能描述**:Tab Panel 是一个包含多个选项卡的容器。 - **主要用途**:用于展示多个相关的数据集或功能模块,每个选项卡代表一个不同的页面。 **...
在这个“EXT Designer 设计实例”中,我们将深入探讨如何利用EXT Designer来构建各种组件,包括Form、Window、Grid、ListView、Panel、DataView以及Tabs。 1. **Form**: Form组件是EXT JS中用于收集用户输入数据...
其中"close"工具配置了一个处理器,当点击这个工具按钮时会触发一个警告框,告诉用户这是一个关闭按钮的事件。 除了Ext.Panel,ExtJs还提供了其他两个非常有用的组件,即Ext.TabPanel和Ext.Viewport。Ext.TabPanel...
Ext 中的 xtype 和 vtype Ext 是一个功能强大的 JavaScript 框架,它提供了许多有用的组件和工具,使开发者可以快速构建复杂的 Web 应用程序。在 Ext 中,xtype 和 vtype 是两个非常重要的概念,它们分别用于定义...
它基于 Ext.js 库构建,提供了超过 100 种工具,包括 TextBox、ComboBox、Button、ToolBar、StatusBar、Panel、TabPanel、ExplorerBar、MenuBar、PictureBox 等多种控件,并且支持 Ajax 无刷新效果。这些特性使得 ...
在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext.NET中,动态创建GridPanel意味着在运行时根据需要生成组件。这通常涉及到在...
Ext.Panel是ExtJS中最基本的面板组件,它可以扩展自Ext.Container,并且可以进一步扩展出更强大的面板。标准的Ext.Panel组件由以下几个部分组成: - 底部工具栏 (`bottomtoolbars`) - 顶部工具栏 (`toptoolbars`)...
6. **TabPanel的行为**:可以配置是否允许用户关闭标签,或者设置标签的可拖放性以实现自定义排序。 7. **响应式设计**:使用ExtJS的布局管理器,TabPanel可以在不同屏幕尺寸下自动调整,以适应移动设备或桌面环境...
8.2.2 在FormPanel中使用TabPanel 229 8.2.3 DirectLoad与DirectSubmit 232 8.2.4 使用DirectSubmit上传文件 235 8.3 Grid组件 238 8.3.1 一个结合DataWrite和RowEditor的Grid示例 238 8.3.2 在CRUD操作中restful的...
在树结构中,你可以定义节点文本、图标、叶子节点与父节点等属性,同时可以通过事件监听来处理用户的交互行为。 2. **Toolbar**: Toolbar是EXTJS中用于放置按钮、菜单、输入框等控件的组件,通常位于窗口或面板的...
在EXT_JS开发中,首先要在HTML页面中引入EXT_JS的样式表和JavaScript库文件。通常,这包括`extjs/resources/css/ext-all.css`用于样式,`extjs/adapter/ext/ext-base.js`作为适配器,以及`extjs/ext-all.js`包含EXT...
代码如下: var tabIndex = ‘shouye’;... /** * 向TabPanel组件中添加窗口或激活已经存在的窗口 * 并将指定资源加载进窗口 * @param node : 传入的Node节点 */ var loadPanel = function(node) { var
这个示例中,当用户尝试关闭窗口时,会弹出一个警告框提示“不可以关闭!”,并且窗口会被重新显示出来,防止被关闭。 ### 6. 工具栏和工具的使用 第六部分介绍了如何在面板中添加工具栏以及工具图标。示例代码...
- **成熟的UI组件**:提供丰富的预设UI组件,如面板(Panel)、选项卡面板(TabPanel)、窗口(Window)等。 - **布局管理**:内置多种布局策略,方便控制UI组件的排版。 - **事件驱动模型**:支持事件驱动的编程...
### ext4.2学习之路:深入理解Ext JS 4.2框架 #### 一、Ext JS 4.2概述 Ext JS是一款强大的企业级富客户端Web应用程序开发框架,基于JavaScript和HTML5技术,用于构建高性能的桌面和移动Web应用程序。Ext JS 4.2...
快速提示是EXTJS中的一个小弹出窗口,可以在鼠标悬停在特定元素上时显示相关信息,无需用户进行任何交互。 关于`vtype`,这是EXTJS中表单字段验证的一种方式。EXTJS提供了多种预定义的`vtype`验证规则,如`email`...
接下来将详细介绍文档中提到的几个核心概念,包括`Ext.MessageBox`、`Ext.Panel`、`Ext.Window`、`Ext.FormPanel`、`Ext.TabPanel`、`Ext.XTemplate`和`Ext.TreePanel`以及如何在Extjs中实现主题(换肤)功能。...