一个新建的窗口中有一个按钮事件,运行时发现,触发按钮事件弹出窗口(无论是Msg.confirm之类的消息,还是Msg.show),后台窗口还是可以获得焦点。
这样用户可以绕过弹出窗口,继续操作后面的窗口,包括所有的事件。搜索了一下,需要手动调用第一个窗口的disable()和enable()事件。这两个事件是从Ext.Component继承下来的.
直接看代码,注意黑体部分。
var win=new Ext.Window({title:"窗口"+i++,
width:400,
height:400,
maximizable:true,
manager:mygroup,
items:[new Ext.Panel({
title:"面板头部header",
width:200,
height:300,
html:'<h1>面板主区域</h1>',
tools:[{id:"save"},
{id:"help",handler:function(){Ext.Msg.alert('help','please help me!');}},
{id:"close",handler:function(){lpnel.hide();}}],
tbar:[{pressed:true,text:'刷新'},{text:'顶部工具栏topToolbar'}],
bbar:[{text:'底部工具栏bottomToolbar'}],
buttons:[{text:"按钮位于footer"},
{text:"Submit",handler:function(){
//Ext.Msg.confirm("系统提示", "你是否确定删除此记录", this.onRemovePerson, this);
//win.setActive(false); //没有必要,只要设置disable就可以了
win.disable();
Ext.Msg.show({
title:'Do this Action?',
modal:true,
msg: 'Would you like to do this action?',
buttons: Ext.Msg.YESNO,
fn: function(btn){
if(btn == 'yes'){
//dothisaction();
}
else{//not to do
};
// win.setActive(true);
win.enable();
},
icon: Ext.MessageBox.QUESTION
});
}}]
})]
});
win.show();
分享到:
相关推荐
代码如下: Ext.onReady(function() { Ext.Msg.alert(‘提示’, ‘逗号分隔参数列表’); //这种方式非常常见的 }); 效果图: 代码如下: Ext.onReady(function() { //定义 JSON(配置对象) var config = { ...
1、Ext.TabPanel简单使用 代码:
Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide ...注明:在Extjs4.1上是可以使用的,Extjs4.2部分会有问题。
8.4.2 焦点管理:ext.focusmanager / 424 8.4.3 z-order管理:ext.zindexmanager与ext.windowmanager / 425 8.4.4 状态管理:ext.state.manager、ext.state.provider、ext.state.local-storageprovider和ext....
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
Ext.window的一个扩展组件SuperWin.js.可灵活自主随意定位,和显示模式;
一、ExtJs中的Ajax:Ext.Ajax.request 23 二、元素对象Ajax式更新:Ext.Updater,[已弃用] 29 第四章 Ext.XTemplate 模板 31 一、使用标签tpl和操作符for 33 二、在子模板的范围内访问父元素对象 34 三、数组元素索引...
Ext.MessageBox.confirm()详解 显示一个确认对话框,用来代替JavaScript标准的confirm()方法,具有两个按钮“是”和“否”如果为其提供一个回调函数,则该函数将在单击按钮后被调用(包括右上角的...
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
目录 1. ExtJs 结构树 2 2. 对ExtJs的态度 3 3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 ...28. extJs 2.0学习笔记(ext.js篇) 77
NULL 博文链接:https://atian25.iteye.com/blog/1019910
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....
NULL 博文链接:https://sonckchi.iteye.com/blog/1958861
关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
ext.jsb spket ExtJS dreamweaver
Ext.ux.window.DetailMessageBox 带有可以折叠详细信息的对话框,...该扩展定义的为单例窗口,在引入时就已实例化,所以在需要弹出详细对话框时可以直接使用别名 Ext.ux.DetailMsg 进行操作: Ext.ux.DetailMsg.show({